Skip navigation

I ran across some significant layout issues in IE6 today when using Dojo’s fadeOut function. Essentially the div element I was fading out didn’t already have what IE6 (IE7 too) denotes as a “hasLayout” property. I came to this conclusion by reading the Dojo source of the function “dojo._fade”, which calls an IE specific helper function “_makeFadeable”. The code applies a CSS class of “zoom: 1”, of course – a proprietary IE CSS style, in order to trigger “hasLayout”.

For a better understanding of “hasLayout”, and what it means to the IE rendering engine – check out this article: “On Having Layout.”

Advertisements

One Comment

  1. You can also apply display:inline-block (although IE 5 doesn’t understand this property/value properly), or give the afflicting element a height of 1%. I found the On having layout article a little long-winded and difficult to understand and have found a couple of more easily digestible articles, which there are links to on my blog at: http://www.rabbitsfeat.wordpress.com. Good to see the word getting around about this.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: