Windows IE doesn't properly set floated elements to occupy design  
space unless you set a value for the height or width, or you use one  
of several different hacks to get it to trigger its internal property  

.clearfix {
        overflow: auto;


<!--[if IE]>
<style type="text/css">
.clearfix {
        zoom: 1;

Either one of these will work, and there are others. Google the Holly  
Hack, or just read or

Within IE, an object with hasLayout = true can be manipulated by the  
animation engine, but one that does not appears (to IE) to occupy no  
space; therefore making it shrink and grow is something of an issue,  
since there's no existing dimension to work from. You could simply  
give this object fixed dimensions, then it's trivial to make it shrink  
and grow. But then standards-compliant browsers will clip off the  
content (or cause it to overflow its box) when they reach that size,  
and fail to respond to text-size changes as gracefully as they might  


On Apr 22, 2009, at 12:32 PM, Ram wrote:

> Dint really understand what you guys meant. Can you be a bit more
> explanatory?
> Thanks for your responses!
> On Apr 22, 7:24 pm, Walter Lee Davis <> wrote:
>> You can also set overflow:auto to the same effect, and you don't have
>> to hide it from other browsers, either.
>> Walter
>> On Apr 22, 2009, at 10:17 AM, Mona Remlawi wrote:
>>> .clearfix {zoom: 1;     /* triggers hasLayout */ }

You received this message because you are subscribed to the Google Groups 
"Prototype &" group.
To post to this group, send email to
To unsubscribe from this group, send email to
For more options, visit this group at

Reply via email to