Chrome отрисовывает ширину ячейки таблицы по-разному

Question

У меня проблема с сайтом, который я поддерживаю, где все хорошо отображается в Firefox и IE, но не в Chrome. Проблема в том, что страница перекрывает область левой боковой панели в Chrome. Структура страниц должна использовать таблицы для всего (это не может быть изменено). Итак, у меня есть кое-что, что в основном так:

<table>
<tr>
<td width="200">There is an iframe here that shows up normal</td>
<td width="40">This is a spacer image</td>
<td width="500">This is where the site's main content goes</td> 
</tr>

Проблема в том, что все сдвигается влево и после возни с функцией Chrome «Проверять элемент», это происходит потому, что первый тег <td> визуализируется с разрешением 90 пикселей независимо от ширины , Я поэкспериментировал с display: block, display: inline-block и т. Д. И пытался связываться с таблицами стилей, но в Chrome ничего не изменилось.

Буду признателен за любую помощь или совет.

Answer 1

Таким образом, изменение отступов работает для настройки ячеек таблицы, и я просто добавил небольшой скрипт, чтобы проверить, является ли браузер Chrome, и использую отдельную таблицу стилей для этого. Я до сих пор не знаю, почему Chrome отображает вещи по-другому.