Width Of Central Content

I had a options matrix created a few years ago by THE ALT TEAM and it works great, see screenshot below


The problem I have is when the product option has more than 8 options the width of the table makes the whole of the content drop below and looks like this, by forcing all the options and table down the page


a OK product is here


and a product that has been forced down due to width of table is here


Can anyone help, Ive tried looking at the widths and margins etc but cant get it.



You can try to set max width to the table. E.g.

.options-table-div {
    max-width: 500px;
    overflow-x: scroll;