Question

I have a menu, with 9 items. I want the button height to have 40px OR 11%(1/9 of the screen) of the screen size. Whathever is the largest.

Right now i have:

min-height:40px;
max-height:11%;

And it’s always 40px. Even when my screensize is larger than that.

Can I achieve that on css or I have to use javascript?

Thank you.

EDIT

JSFiddle for it.

@Jeffery Khan is right, that solves it. I had a different element pushing it up. Thank you!

Answer 1

min-height is generally the height of whatever something is set to unless something causes it to expand passed that, such as the contents of a div.

Try the following:

min-height:40px;
height:11%;