1 reply [Last post]
tommuir
Offline
Regular
Upper east side
Last seen: 13 years 45 weeks ago
Upper east side
Joined: 2004-04-05
Posts: 40
Points: 0

[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> two colomn layout!</title>
<style type="text/css">
body{
padding: 0;
margin: 0;
}

div{
background-color: blue;
}

#nav{
width: 20%;
height: 700px;
margin: 1%;
float: left;
}

#content{
width: 77%;
height: 700px;
margin: 1%;
margin-left: 0;
float: left;
}

#footer{
clear: both;
}
</style>
</head>

<body>
<div id="header">
HEADER!
</div>
<div id="nav">
NAV!
</div>
<div id="content">
CONTENT!
</div>
<div id="footer">
FOOTER!
</div>
</body>
</html>
[code]

The two main divs won't stay side-by-side. Which sucks. Works fine in all the elsewheres I can find...

i am not here

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 41 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

IE 6 Problem with this layout:

Tommuir, I've replied to the pm you sent me with this further revision to your original layout ; you should now have a few working layouts your original with img floats in the header/footers should be working with the mods I sent you. and the layout with left nav float and right content+ header/footer is a working template, work your way through them all, you have all the answers in there!

Hugo

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me