_Snowdrop_:
I'm not sure it does it with tables made with the <table>/<tr>/<td/th> tags, but I've noticed that images push smart tables off the screen on mobile. I'm in a game where the character profile includes two small summary tables at the top and most of us players have a right-aligned image on the line above the table. On PC, this displays fine, but on mobile, the tables vanish and there's no way to scroll horizontally to see them.
You've got be careful when floating images alongside text, anything that tries to force a certain width is going to cause problems once the view width narrows. "Fixed Width, Word Wrap Off" (which is basically "<pre>" is the largest culprit (don't mix them!) but tables are going to try to force a width as well.
Previously we were allowing tables (and pre) to run rampant and force the width to be beyond the screen width, scrolling the entire page, but now we scroll the content within. Something like this (if you're on responsive):
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
View on the old site and it'll make the entire thread spread out.
So with the "overflow" scrolling we now have the tables trying to shrink and scroll to fit into the screen width alongside the floated image. If we take this off it'll be inclined to push the table below the image instead, but then we can uncomfortably wide content again.
I don't think with HTML/CSS limitations there's a way to achieve both. I'll do some research but we ultimately might have to decide which behaviour is the lesser evil.