Why does iOS 4.2 iPad update break this website layout?
Question
I've been asked to fix a layout issue for http://www.ireland.com, which occurs on an iPad running iOS 4.2 only. The body content floats right and the header left, rather than all centred as they are on all other platforms and vendors.
Anyone aware of such issues or know how I might fix this?
I've only access to the iOS simulator on my macbook and can't get firebuglite working because it blocks copying bookmarklets. I wish I had some decent debug tools!
Thanks, Denis
Solution
ReadWriteWeb says that iOS 4.2 updates the browser with many new features. My only guess is that a new feature is reacting strangely with your CSS. Are you using a reset stylesheet on your website?
http://www.readwriteweb.com/mobile/2010/11/what-web-developers-should-kno.php