Hi Walter,

Thanks for pointing me to the right resources. Im reading up on it
here http://www.communitymx.com/content/article.cfm?page=2&cid=c37E0.

It still doesnt fix my problem though. I tried overflow:auto instead
of zoom:1 and the only difference was the I got a vertical scroll bar
inside the comms div this time. But the div still just gets displayed
and then hidden abruptly without the effect.

Any idea?

On Apr 22, 10:06 pm, Walter Lee Davis <wa...@wdstudio.com> wrote:
> 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  
> "hasLayout".
> .clearfix {
>         overflow: auto;
> }
> or
> <!--[if IE]>
> <style type="text/css">
> .clearfix {
>         zoom: 1;}
> </style>
> <![endif]-->
> Either one of these will work, and there are others. Google the Holly  
> Hack, or just readhttp://positioniseverything.netorhttp://quirksmode.org
> 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  
> otherwise.
> Walter
> 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 <wa...@wdstudio.com> 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 & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to