IE6 CSS + hasLayout.
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.”
rabbitsfeat said,
July 13, 2008 at 10:28 pm
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.