how to adjust the height to auto after it passes 100%?

[alialnoaman]

I have a page and I wanted to change height:100%; to height:auto; when the page height passes 100%, so the height will be adjust by the content.

Thanks.

[Paulie_D]

I’m not sure what you are asking.

Firstly. all pages height (absent other setting) is defined by the height of the content.

If you want the minimum height to be 100%, THAT you can do.

However, without any details of your current HTML & CSS it’s hard to provide further help.

A very brief demo in Codepen.io would be helpful just showing the basic outline HTML and relevant CSS.

[alialnoaman]

this is a picture showing the problem: http://i.imgur.com/z2gQHzy.png

look at the border

the contents is getting out of the

<

div style=’height:100%;border:1px solid gray’>

I meant, if the page height is more than height:100%; then change the height to height:auto; so the contents height fit in.

[Senff]

Like Paulie said: use min-height:100%; instead.

If the content is less than 100% high, the block will be set at 100%. If it’s more than that, it will have an auto height.

But if you insist of having inline styles and switching out height:100%; to height:auto;, you’re gonna have to use some Javascript or jQuery.

[Paulie_D]

See a div with a min-height of 100% – http://jsfiddle.net/khta6dzj/2/

Full it with a bunch of content – http://jsfiddle.net/khta6dzj/3/

[Author]

Posts