Centered, the website has a picture on the top, two colums in the middle, then a footer on the bottom. When I don't have a doctype, it works, but when I put a strict doctype the background around the mid section disappears.
If I remove the floats, the background appears correctly, but the two columns in the middle are stacked on top of each other.
The code does validate according to
http://validator.w3.org/.
Here's a simplified version of the page:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body style="background-color: blue;">
<div style="width: 1024px; height: 100%; margin: 0px auto; background-color: white; display: block;">
<img style="width: 1024px; height: 200px;" src="pic.jpg" alt="pic">
<div style="width: 150px; float: left; display: block;">
<p>dfjk;lasdk</p>
</div>
<div style="width:850; float: left; display: block;">
<p>adlsfjlk</p>
</div>
<div style="width:1024; float: left; display: block;">
<p>adlsfjlk45365tregwerg4</p>
</div>
</div>
</body>
</html>
Login
Register
FAQ
Search
© 2010 Future US, Inc. All rights reserved.