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.
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. – Just a student Feb 28 '18 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). – Ilmari Karonen Feb 28 '18 at 13:07
-
-
Not for me, it doesn't. – user1228 Mar 1 '18 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. – Shog9 Feb 27 '18 at 21:13<kbd>
in first place: meta.stackoverflow.com/a/270195 – g00glen00b Mar 1 '18 at 8:53