CSS question regarding min-height

[j3ff86]

I have the following CSS class:
#modal
{
background-color: d4eadc;
border: 1px solid #70ba88;
position: relative;
z-index: 1000;
width: 315px;
min-height: 315px;
padding: 0px;
font-family: Arial;
font-size: 12;
color: black;
text-align: left;
}

As you can see, the min-height is set to 315 pixels, so it will grow beyond 315 pixels when the capacity is reached. Now what I need to do is retreive the height value after it has grown, say for example 350 pixels. How do I get this value? I thought it would be in:

document.getElementById("modal").style.height

but it's not. Thanks

 

[BillLeeLee]

document.getelementById("modal").offsetheight;

http://developer.mozilla.org/en/DOM/element.offsetHeight
http://www.quirksmode.org/dom/getstyles.html

Note that it is not part of the W3C DOM recommendations, but it's implemented by at least Firefox, Mozilla core, IE, and Opera.

 

[oplin]

I've been using that for a while and haven't seen any issues with it. I don't think min-height works in ie6 though heads up, there's a css hack work around that works real nice but is annoying..

 

[j3ff86]

document.getelementById("modal").offsetheight;

http://developer.mozilla.org/en/DOM/element.offsetHeight
http://www.quirksmode.org/dom/getstyles.html

Note that it is not part of the W3C DOM recommendations, but it's implemented by at least Firefox, Mozilla core, IE, and Opera.

That just returns 0

 

[maw]

did you try
document.getElementById("modal").style.minHeight ??

 

[j3ff86]

Damn I was calling the offsetHeight command before I even set the modal to block (visible)! I think it will work now