Setting max AND min height property in CSS (or via jQuery)

Question

Hi there,

I have a simple but annoying problem. I need to set min-height AND max-height of a div element.

For example min-height could be 100px and max-height 200px. I load my page with div height 200px. If i squeeze my browser window, this div resizes and when it hits height=100px it stops resizing.

Of course min-height and max-height in css is not working :/

Anyone?

Thanks.

Answer 1

Also set height.

min-height: 100px;
max-height: 200px;
height: 100%;