Thank you Georg and Roger for your help.
I have incorporated your recommendations into
http://www.availcompany.com/webdev/webcode/css_test4.htm as follows:
1. Per Georg added:
* html div#column2 {height: 100%;}
* html div#column2 table {float: left; margin-right: -10px;}
2. per Gerog and Roger, Removed the clearing-div, and added #footer
{clear: both;}. Do you still think I do not need .clearfix even though
threecolwrap wraps three left floated columns?
3. Per Georg, I am reading about 'em resizing bug'[1] in IE/win.
[1]http://www.gunlaug.no/contents/wd_additions_13.html fix: html
{font-size: 100%;}
Kindest Regards,
deano
-----Original Message-----
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED]
Sent: Monday, March 27, 2006 11:22 PM
To: [EMAIL PROTECTED]
Cc: [email protected]
Subject: Re: [css-d] center col Table drops below left column content in
IE
[EMAIL PROTECTED] wrote:
> http://www.availcompany.com/webdev/webcode/css_test4.htm
> Question 1: why does Table with 100% width inside a center column 2
> drop below content of left column in IE but not in Firefox?
The short answer: IE/win has calculation-bugs. 100% isn't always 100%.
The quick solution, add...
* html div#column2 {height: 100%;}
* html div#column2 table {float: left; margin-right: -10px;}
...which will provide some space for IE to put its bugs without messing
up the layout.
> Question 2: why is <div style = "clear:both;"></div> required above
> footer div markup for footer to clear the three columns despite using
> "no-extra-markup" clearing method .clearme class on the
> threecolwrap?
It isn't.
Remove the clearing-div, and add...
#footer {clear: both;}
---
Note: you should also add...
html {font-size: 100%;}
...to avoid the 'em resizing bug'[1] in IE/win.
regards
Georg
[1]http://www.gunlaug.no/contents/wd_additions_13.html
--
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/
______________________________________________________________________
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/
