29

I am using Internet Explorer version 11.0.9600.18762. When I view certain questions in Meta Stack Overflow, such as this one, large images expand into the sidebar, which makes things almost impossible to read. large image covers entire screen

7
  • 28
    Please don't downvote plausible bug reports. Ton of changes to styling have been rolling out regularly of late, and making anomalies harder to find just hurts everyone.
    – Shog9
    Feb 27, 2018 at 20:44
  • 6
    Reproduced, awesome!
    – Shog9
    Feb 27, 2018 at 20:59
  • 7
    Ok, looks like it's the <kbd> element at fault here. I have no idea why those images were in kbd elements, but that's what did it.
    – Shog9
    Feb 27, 2018 at 21:13
  • Nice find. Not seeing the issue anymore. Feb 27, 2018 at 21:15
  • They made an IE 11? I thought they killed IE at version 10 to promote Edge. Feb 28, 2018 at 4:37
  • @user2357112 No, there was an IE 11. They killed it with Version 12 aka Edge, for examle on Can I use... the first Edge Version has the number 12 (You need to click the button "Show all" in order to see it)
    – Filnor
    Feb 28, 2018 at 7:35
  • 2
    Related: meta.stackoverflow.com/q/325516, and also related because this is probably the reason why the image was in a <kbd> in first place: meta.stackoverflow.com/a/270195
    – g00glen00b
    Mar 1, 2018 at 8:53

1 Answer 1

35

The post has been edited now, but you can view the original revision in all its glory. The kicker here is that the images were wrapped in <kbd> tags, which are defined as inline blocks with neither width nor max-width - so IE just lets 'em get bigger and bigger to fit their content.

You can reproduce this with text as well:

The quick brown foxes jumped over the lazy dog. The quick brown foxes jumped over the lazy dog. The quick brown foxes jumped over the lazy dog. The quick brown foxes jumped over the lazy dog.

This should demonstrate the problem in both IE and Chrome and Firefox. Probably Safari too.

Solution: don't wrap big things in <kbd>

5

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .