JQuery Mobile - Set the content at the center of the page.

JQuery Mobile - Set the content at the center of the page.

Hello everyone,

I've a page with DIV based design. 
The content of this page needs to be kept at centre (vertically and horizontally) for all different type of view ports.


We applied various ways to do so, like changes in css, script calculation, JQuerymobile centre function, reloading the pages etc. 
Most of the above implementations are working as expected in browser emulators but not on actual devices. 
When we browse the same either in tablet or mobile devices and change the orientation of the device from landscape to portrait and vice versa, the content does not stick at the centre but moves either at the bottom or top of the page. Completely random behavior.


Can anybody advise how to get rid of above problem? Any help would be much appreciated. It’s very urgent.