RE: [WSG] Floats Drifting
CK, I also see that you have fixed width header definitions within your percentage width floated divs. I think earlier versions of IE would widen the container to accommodate the inner widths, so your 40% width container would widen to 500px even if 500px was 90% of your browser screen. div#bd_secondary { background-color:#CC; float:right; width:40%; } div.innercontainers h3 { background-color:#FF; color:#66; padding:4px 0pt; text-align:left; width:500px; /* try 100% instead */ } div id=bd_secondary div id=bd_inner_01 class=innercontainers h3 About /h3 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Floats Drifting
HI, All attempts at supporting IE 5 seem futile. Is the percentage of users of IE 5 that great, to require these efforts? CK On Jul 23, 2007, at 12:33 PM, Kepler Gelotte wrote: CK, I also see that you have fixed width header definitions within your percentage width floated divs. I think earlier versions of IE would widen the container to accommodate the inner widths, so your 40% width container would widen to 500px even if 500px was 90% of your browser screen. div#bd_secondary { background-color:#CC; float:right; width:40%; } div.innercontainers h3 { background-color:#FF; color:#66; padding:4px 0pt; text-align:left; width:500px; /* try 100% instead */ } div id=bd_secondary div id=bd_inner_01 class=innercontainers h3 About /h3 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Floats Drifting
Would someone assist in containing the floats? Hi, Seems to be a number of issues with your layout. The 2 main ones would be the footer should use clear: both instead of absolute positioning: div#bd_footer { background-color:#FF; padding:10px; clear:both; width:75%; } The floated divs should not used fixed padding and percentage widths as you run the risk of wrapping (also you only specified 3 values in padding.): div#bd_primary { background-color:#FF; float:left; padding:2% 2% 5% 2%; width:50%; } IE interprets min-height/min-width differently than you may expect. I see some hacks in your CSS so maybe you were trying to address that already. I think there are other issues maybe someone else will spot. Regards *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***