Previous Message
Next Message

Clearing 2 floated content areas

Sent by Anthony L on 29 March 2006 14:02


> > http://www.itu.dk/people/antl/Webdesign_06/vestervold148/test1/vestervold148_v2/hjem.html
> >
> >
> > First, the white color behind the tabbed navigation does not extend
> > to the far right of the page as it does in Firefox, for example. I
> > thought I'd fixed this by giving the #nav div a fixed width of 713px.
> >
> >
> > But IE won't play nice.
>
> Add...
> * html ul#nav {width: 100%;}
> ...as a correction for IE only.
>
> > The other, more serious problem is that the footer div no longer
> > clears the floats and thus my footer now appears to be more of a
> > belt, than a footer :-(
>
> Set...
> #container {height: auto;}
> ...since IE doesn't know that 'height: 100%' should default to 'height:
> auto' in such a layout.
>
> I have only tested the above with inline-styles and made sure it works.
> I've also only tested in Firefox 1.5.0.1, Opera 9tp2 and IE6, where all
> 3 browsers rendered a copy of your page (with changes) identical.
>
> regards
>         Georg

A quick answer as always and right again Georg.

Thanks :-))

Tony
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Previous Message
Next Message

Possibly related: