Page 1 of 1

iPhone Safari adding padding?

Posted: Wed Dec 02, 2009 12:21 am
by Cirdan
So here is how the page looks normally:

Image

Now, if I rotate the iPhone horizontally, it expands and flows beautifully. If I turn it back vertically, everything sorta shifts left.

Image

What could be causing this? I have -webkit-text-size-adjust:none; placed in the effected blocks.

Re: iPhone Safari adding padding?

Posted: Thu Dec 10, 2009 10:50 pm
by JAB Creations
WebKit is an awesome rendering engine (the browsers it's embedded in suck though) so my best guess is that your CSS is static. You should change your width to percentage instead of pixels.

Also remember that your parent most div elements should only have width set and then first-child level div elements should use margin to "emulate" padding.