Jason Peterman wrote: > HTML: www.ellmarriages.org/test.html CSS: > www.ellmarriages.org/site.css > > I am having the following problems: 1. There is a gap between the > columns and the footer when I view in Firefox and Safari.
Use the same background on #container as you have on #content, so it appears as if the gap is gone. At the moment you have declared background twice on #container, so you should simply delete the second background-declaration. The gap will still be there, but - as with so many things in web design - it's the appearance that counts here. > 2. The columns collapse and the footer and masthead are all that's > visible in IE 6. > 3. When I change the overflow property to visible, in IE 6 it > uncollapses, but in firefox and safari the footer comes up to the > top. The example that is used in the article looks fine in all the > browsers I viewed, and has overflow set to hidden. IE6 (and older versions) doesn't react properly to 'overflow: hidden' and the 1% height given to it makes it hide everything instead of expanding the container. Correct / add to... * html #container{ height: 1%; /* So IE plays nice */ } ...so it becomes... * html #container{ overflow: visible; height: 1%; /* So IE plays nice */ } ...and I can assure you that IE6 will play really nice. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/