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.
1 Answer
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>
-
1My hunch: the user tried to add a border to their images. Also, alternative solution:
max-width: 100%; overflow: hidden; text-overflow: ellipsis;
on allkbd
elements. Feb 28, 2018 at 12:16 -
-
Somewhat related bug report on MSE (and the fix for that bug in SOUP, which also fixes this issue as a side effect). Feb 28, 2018 at 13:07
-
-
Not for me, it doesn't.– user1228Mar 1, 2018 at 17:20
<kbd>
element at fault here. I have no idea why those images were in kbd elements, but that's what did it.<kbd>
in first place: meta.stackoverflow.com/a/270195