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/
