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/

Reply via email to