IOS7 / Chrome recent layout issue

natrixgli · 2013-12-14T17:18:10.000Z

Recently the main body content div is pushed below the right hand side bar on my iPad2 running IOS7 and the latest version of Google Chrome

EDIT: I believe the affected div has the class “tabbed-content”

Probably due to the width of the items within the div.

tsv · 2013-12-14T20:25:03.000Z

Yeah I’m having this on my iphone 5 and ipad air with chrome as well.

natrixgli · 2013-12-15T05:34:59.000Z

The problem also exists in Safari on the ipad.

JJ0czsa.jpg768×1024 100 KB

avantronica · 2013-12-16T21:05:55.000Z

also ios5 fwiw !

Housecliche · 2013-12-16T21:25:43.000Z

An interesting rule of thumb that I use in my day job when evaluating a companies ‘philosophy’ or culture is to draw parallels between the websites they produce, the marketing materials and literature they produce (manuals, product specs, etc) and finally the actual products they produce - it’s usually enlightening if not entirely accurate, but not far off…

coreyappleby · 2014-01-08T18:30:45.000Z

It’s definitely related to the width of the browser. I have a widescreen (1920x1080) with 2 browsers each taking up 1/2 of the screen, and I see the problem with the content pushed so far down I have to scroll to see anything.

If I increase the width of the browser to be about 1280 px wide the content suddenly jumps up and displays correctly.