On Fri, 2010-10-15 at 16:07 -0400, David Laakso wrote: > 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... > Clearing the footer was exactly my problem. I was about to lose what little bit of hair I got left. ;-) > > <!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> > >
-- Blessings, David M. ______________________________________________________________________ css-discuss [[email protected]] 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/
