Re: [css-d] Clearing 2 floated content areas

[Anthony L]

  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 PROTECTED]
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/

[css-d] Clearing 2 floated content areas

[Anthony L]

Hi all,

I know there are a million articles on the subject, but I am stumped.
On a previous incarnation of this page I sucessfully used the footer
div to clear the tow opposingly floated content areas.

Recently, I updated the code to center the content in the browser.

This caused 2 problems in Explorer which baffle me :-(

See here:
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.

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 :-(

Ideas?

Or pointers to where I might read more on this subject? I've read
through the complexsprial article and the easyclearing article on
positioniseverything, but couldn't see how to apply that knowledge to
this situation.

Thanks :-)
Tony
__
css-discuss [EMAIL PROTECTED]
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/

Re: [css-d] Clearing 2 floated content areas

[Gunlaug Sørtun]

 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 PROTECTED]
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/