Dynamic height of main content

I have a page https://jsfiddle.net/j3qm5qgx/1/

In JS detect iOS system, if true – show apple_ios_status_bar_background block, hide if false. Also hide if orientation is landscape.

But when show this block – footer is invisible.

I need that main change own height when dynamically show or hide blocks on page and page always be in visible area.

Portrait

Landscape


Source: html5

Leave a Reply