>> Brian M. Curran wrote: >> Hi All, >> How come if I don't specify a height for my footer, as opposed to >> specifying a height to 1%, then the top of it does NOT stay flush against >> my sideBar or content div -- depending on whichever has the larger >> height? With no height set there is a gap above the footer >> > > Set a 1px solid border on #container and a 1px border top on #footer so > you can see what is happening. Add the ruleset #footer p to your style > sheet. Kill the default margin on that p with margin: 0; and position it > with something like padding: 10px 0 10px 10px; > > If you want any column tallest see faux column here > <http://www.alistapart.com/articles/fauxcolumns/> > Or equal height columns here > <http://www.positioniseverything.net/articles/onetruelayout/equalheight> > > > > >> How come if I don't specify a height for my header, as opposed to >> specifying a pixel height for it, then the background color doesn't shade >> behind my nav bar? >> > > Almost most of the time it is best to let content determine height so that > the page retains vertical fluidity and the text does not walk out of the > bottom of its parent with font-scaling. Delete the height on the header > and try padding-bottom of approx 30px on the header and the nav will fill > with black and not head for Havana when users scale the fonts. Maybe. > > >> site: www brianmcurran dot com >> >> Sincerely, >> Brian >> > > Your CSS file shows a byte-order-mark in the Web Developer Toolbar. This > is not a CSS issue but it is a ggod idea to correct it. > See Wikipedia <http://en.wikipedia.org/wiki/Byte_order_mark>
Hi All, It looks like I got my header and footer straighten out, so thanks to everyone who contributed. I got the header background color to cover my nav bar with overflow:hidden; . Two questions though: 1.The star html hack won't valid huh? 2.This is a bit off topic. Apparently Notepad will add a BOM to UTF-8 files. I'm not a Web Dev Toolbar user, so can anyone point me to how to identify the BOM in my CSS file? Sincerely, Brian ______________________________________________________________________ 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/
