CODEWITHSUNDEEP
htmlcsswebhtml-table
Goodie123
Goodie123

Reputation: 467

Html table gets distorted only on one page

I have a website with a table and for some reason that I cannot find for the love of god, the last item of the table row is wider than previous items. Here is a link to see what I mean.
However, it only does that on some pages. Most pages are completely fine. Here is an example of what its supposed to look like this.

The code is the same on every page and I do not quite understand why it does that because the 'inspect element' gives me that the width of the table element is the same. However, it clearly is not. Please check it out and let me know where to start looking.

Upvotes: 2

Views: 670

Answers (2)

code.rider
code.rider

Reputation: 1907

some time data come from data store and you cant hanld this with adding space in the table when long words comes in then td width should extend its simple to solve this issue in css add this line for you td css 

word-break: break-all;

your css will be look like

.catalog_items_blocks td {
  padding: 10px 0 38px 41px;
  width: 179px;
  word-break: break-all;
}

now words breaks when cross the td width thanks

Upvotes: 1

Felix A J
Felix A J

Reputation: 6480

The below content in one of the bottom rows is causing the issue -

СК-201(М),231(М),251(М),351(М),501(М)

Its in the 5th row from bottom. enter image description here

Add space after comma to solve the issue.

Upvotes: 3

Related Questions