RE: [WSG] Floats Drifting

2007-07-23 Thread Kepler Gelotte


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

2007-07-23 Thread CK

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

2007-07-22 Thread Kepler Gelotte


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]
***