Last modified: 2014-06-04 16:16:04 UTC
Created attachment 13206 [details] Default view (div.navbar-inner not hidden) On http://korma.wmflabs.org/, the div.navbar-inner element (the WMF logo element which has the orange-ish background) obscures quite a lot of the page on Internet Explorer 10, as the screenshots prove.
Created attachment 13207 [details] And this is what the same page looks like with div.navbar-inner manually hidden
00:07] <MatmaRex> ashley: it looks like this in real browsers: http://i.imgur.com/MLg3nV7.png [00:08] <MatmaRex> it has img {max-width:100%}. that's probably why ie breaks [00:08] <MatmaRex> the image itself is 200px wide [00:08] <MatmaRex> with width=50 on the <img> element [00:08] <MatmaRex> which is stupid in its own regard
The offending CSS property seems to be the height: auto; on the img element in http://korma.wmflabs.org/browser/VizGrimoireJS/vizgrimoire.css. After removing the img styles provided by http://korma.wmflabs.org/browser/VizGrimoireJS/bootstrap/css/bootstrap.css (via IE's built-in developer tools), only the three styles defined in vizgrimoire.css apply and removing the height: auto; provided by that file fixes this issue and makes the WMF logo display as it does on MatmaRex's screenshot.
