Topic: DIV layout with CSS (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=29344" title="Pages that link to Topic: DIV layout with CSS (Page 1 of 1)" rel="nofollow" >Topic: DIV layout with CSS <span class="small">(Page 1 of 1)</span>\

 
Sam
Bipolar (III) Inmate

From: Belgium
Insane since: Oct 2002

posted posted 07-09-2007 11:36

Hi All,

Can someone take a look at my CSS code for my div pagelayout?
This is the website: http://dev.elanti.be
and this is the CSS code corresponding to the DIV containers:

code:
#container {
	width: 800px;
	height: 500px;
	border: 1px solid gray;
	margin: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	background-color: #BDE577;
	border: 0px;
}

#header {
	padding: 0px;
	border: 0px;
	background-color: #5B4641;
	height: 90px;
	margin-bottom: 2px;
	text-align: right;
}

#left-navigation {
	float: left;
	text-align: left;
	width: 200px;
	height: 408px;
	margin: 0;
	margin-right: 0px;
	padding: 5px;
	background-color: #5B4641;
}

#content {
	padding: 15px;
	margin-left: 0px;
	margin-right: 0px;
	height: 408px;
	width: 596px;
	float: left;
	text-align: left;
	background-color: #5B4641;
	font-family: Century Gothic;
	font-size: 10 pt;
	color: #FFFFCC;
}

#footer {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	height: 20px;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color: #291313;
}

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 07-09-2007 14:53

mixing CSS and Tables for layout purposes is going to lead to a really big headache.

check out this guys site. He's got it going on with some layouts.

Later,

C:\

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

posted posted 07-09-2007 15:54

ouch! I literally stepped back when I saw the markup.

So long for separation of content, presentation and behaviour. The markups includes inline style ( with IE specific values being overwritten by the standard one ), inline events ( including empty ones ), table based layout with 1x1 transparent GIF.

Before you go any further, take the time to read about web standards and best practices. The Asylum's FAQ also have interesting links on the subject.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu