Phoebe Taylor wrote: > Hello all. I'm trying to redesign a site and use CSS to get some of > the old effects that I had with Javascript. Basically, it's a simple > brochure site. I bought a book on CSS to get my feet wet and after > a few days, below are the pages I've come up with. I've checked them > in FF, Opera, and IE 7.
Looking ok. I need to check them in IE 6, but I don't have > that installed on my computer. IE6 is presenting your pages pretty identical to other browsers. > Is there a website that will show me what it looks like in IE6? I hear "browsercam" and "browsershots" work well. > The main problem I'm having is a gap that seems to be present between > the site menu and the background image on the div that holds the > main content for each page. > www.cgraytaylor.net/index3.html That's a case of "collapsing margins"[1]. Vertical margins join - collapse into each other. Any method described in the W3C document for "not collapse", will work. I suggest you add/correct to... #main { padding-top: 1px;} ...to prevent margins from paragraphs from escaping the #main container. regards Georg [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- http://www.gunlaug.no ______________________________________________________________________ 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/