On 10/15/10 3:31 PM, David McGlone wrote:
Hi everyone.
I've been trying to create a very very simple style sheet and for some
reason it's not working. I'm so frustrated to the point I'm almost P'd
off.
Float both blocks and clear the footer? Something like this...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<html>
<head>
<title>:: whatever ::</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
html, body {
font : 100% Helvetica, Arial, sans-serif;
margin : 0;
}
p {
margin : 0;
}
#wrapper {
width : 980px;
overflow : hidden;
margin : 50px auto 0 auto;
}
#nav {
background : red;
float : left;
width : 180px;
}
#main {
background : fuchsia;
float : left;
width : 800px;
}
#footer {
background : #ffcc66;
clear : both;
width : 980px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="nav">
<p>nav</p>
</div>
<div id="main">
<p>main</p>
</div>
<div id="footer">
<p>main</p>
</div>
</div>
</body>
</html>
--
:: desktop and mobile ::
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
