Search code examples
htmlcsshtml-tablestretched

Table stretches out in Google Chrome and Opera webbrowser when I refresh the page

I made an HTML table,

How a normal table looks like

But when I refresh my page it's totally stretched out in Google Chrome and in the Opera webbrowser. It's also tested in Internet Explorer and Firefox and there it stays the normal table.

The subnormal table after page refresh looks like:

Subnormal table

Under this you can see the CSS part of my table:

.rdThemeDataTableCell, table.rdAgDataTable td {
    background-color: #fff;
    padding: 4px;
}

td.rdThemeDataTableCell.rdCgPositionCellXAxis {
    background-color: #ffffff;
    border-style: none;
}

td.rdThemeDataTableCell.rdCgPositionCellXAxis {
    background-color: #ffffff;
    border-style: none;
}

Now I don't know how this comes that it works in some browser and in some it doesn't, but it needs to work everywhere.

Solution

  • The answer was that I used a time input, but my time picker didn't have a style class. This created the problem that Chrome and Opera couldn't react well on it.