I am used to using the
HTML character to visually fill out the width and/or height of tables so they are used to their full potential:
I use a string of non-breaking spaces within the cell that doesn't use its space within the table optimally.
However, since I think a few months, the parsing of the non-breaking space character in tables has changed, and now I get this:
While the images are neatly evened out, and the table with both cells still renders at the width of the post, there is an empty space rendered to the right of the table, outside of both cells, which can be navigated to using a scrolling bar. But this is completely useless, and both uses up space and is bad UI/UX design.
What's strange is that I use the exact same trick in the top table here, and it renders like I'm used to - that is, without the extra space and the scrollbar - which makes me think this 'problem' is site-dependent.
The documented case here happens on Worldbuilding, here. There is no difference in behaviour between creating an answer or a question.
After testing it on Arts & Crafts, I get this same new behaviour (also both in questions and answers) where I'm certain it wasn't the case before.
Does anyone know why and/or when this happens?
It might have something to do with
whitespace:nowrap of the
<th> elements. When removed, the table behaves like I remember it.
Environment this behaviour is seen on:
- Windows 10 Pro, 21H2
- Firefox 95.0.2 (64-bit) (I was able to reproduce it in Edge 97.0.1072.62 (64-bit), without plugins)
- Scripts: Privacy Badger, Decentraleyes, HTTPS Everywhere, and Tampermonkey with AutoReviewComments, FlagFilter, Helpful Moderator Userscripts, kbd formatting button for stackexchange, StackExchange Moderator Tools Improved
- Screen resolution: 1920 x 1200
(I've brought up the possibility of implementing a custom method of evening out the width of the cells in my other question here.)