Bottom Navbar on iPad iOS 7.1 not shown complete

[RaistlinMuc]

On iPad with iOS 7.1 The Bottom Nav is not shown complete.
The last 5 or 8 Pixel are cut away.

This only happens on iPad.
On my iPhone 5 with 7.1 everything is ok. Mac Browser is also ok. Just iPad.

[RaistlinMuc]

Problem is on iPad mini and iPad 3

[mcasimir]

That's true, i can reproduce it with ipad simulator, i will look at this tomorrow. Thank you

[mcasimir]

Ok the problem seems to be related to the presence of the title bar in landscape mode. Adding the application to Home-screen and reopening from there will bring everything back to normal.

So if you are planning to create an hybrid app with Cordova/Phonegap or something similar you should be able to go on without worrying about this, otherwise IOS 7.1 should have introduced a new minimal-ui option for viewport meta tag expressly instructing Safari to hide most of its interface.

Sadly I've tried this in 7.1 simulator with no luck:

  <meta name="viewport" content="minimal-ui" />

Anyway i need to investigate further.

[mcasimir]

Can you try some of the fixes reported here http://stackoverflow.com/questions/18855642/ios-7-css-html-height-100-692px?

I'm not likely to add it to the main css/js, but i can add it as a separate file.

Thank you

[bonatoc]

Another possible fix may be present here:
http://stackoverflow.com/questions/19201613/extra-body-height-on-ipad-landscape-with-no-body-content-ios7

and here:
http://stackoverflow.com/questions/19012135/ios-7-ipad-safari-landscape-innerheight-outerheight-layout-issue