Previous Message
Next Message

Clearing 2 floated content areas

Sent by Gunlaug_Sørtun on 28 March 2006 19:07


> 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
-- 
http://www.gunlaug.no
______________________________________________________________________
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

Message thread:

Possibly related: