css layout issues help

Wondering if someone could have a look at the following and give me an idea what I can do to make the layout work better/properly.

One issue I notice is ie 6.0 shows scrollbars when it doesn't need to.

[www3.sympatico.ca...]

here's the code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>--</title>
<style type="text/css">
body, html{
height:100%;
margin:0px;
padding:0px;
text-align:center;
background:#E0E0E0;
}#container,#header{
width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#container{
height:100%;
min-height:100%;
background: #FFFFFF;
}
#header{
height:155px;
background:#A9A99F;
}
#leftnav{
height:100%;
background: #F5F5F5;
width:150px;
float: left;
}
#main{
text-align: left;
vertical-align: top;
}
</style>
</head>
<body>
<div id="container">
<div id="header">header</div>
<div id="leftnav">left hand nav</div><div id="main">main</div>
</div>
</body>
</html>

css layout issues help

soloper

soloper

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week