Tables not full width of div?

Actually, I am now noticing that all of my tables have a slight “overhang”, meaning they all are a little bit bigger than the main div and there is a scroll bar showing up at the bottom of the page.

When I inspect the page, there is CSS stating “width: 961px” or 666px for pages with a side bar, but I can’t figure out where this CSS is coming from or how to override it.

***EDIT: I found a fix! I had a bug in my code in the TablePress Plugin Options CSS. But if you have any info on where those numbers 961 and 666 are coming from it would be appreciated!

• This reply was modified 3 hours, 23 minutes ago by 2xUeL.
• This reply was modified 3 hours, 13 minutes ago by 2xUeL.

Hi,

thanks for your post, and sorry for the trouble.

Good to hear that everything is working now! Essentially, these width numbers are calculated by the JavaScript library, and they are needed as a foundation for the horizontal scrolling, from what I know. This does not necessarily mean that the table will have this width though, as the browser will still determine that based on other factors, like the width of the content in the columns, as well.

Regards,
Tobias