Just got bitten by the IE7 (or IE8 “compatability view”) has layout bug yet again, so posting it…
Basically, in the IE7/IE8cv you can only check .clientHeight on elements where hasLayout==true. If your clientHeight is always returning 0, chances are you don’t have layout. The easiest way to get layout? Set display=”inline-block”. Per:
And that article points to this one, which is pretty much the definitive source (top Google hit!):
height:1% is what I ended up using to make a resizable div “hasLayout.”
display: inline-block makes the div not size to the window horizontally, which didn’t work for my purpose.
I tried using overflow:hidden, but that doesn’t help in IE6.