Таблица дополнений с CSS не работает в IE

Question

Это не работает на моем IE:

<table style="padding:5px">...</table>

однако он работает в Opera.

Есть ли обходной путь?

Answer 1

Более ранние спецификации CSS (за которыми следует IE6 - и я свободно использую слово «следует») неясно, что вообще должно означать отступ, определенный в таблице. IE6, естественно, решил интерпретировать это иначе, чем любой другой браузер, игнорируя отступы. Другие браузеры решили визуализировать его, добавив интервал между границей таблицы и внешними ячейками, не влияя на расстояние между ячейками или между внутренними ячейками. Ко времени выхода IE7 спецификации проработали так же, как и другие браузеры, но в IE6 все еще есть проблема, когда он просто игнорирует заполнение.

Лучшее решение состоит в том, чтобы не ставить отступы на стол, а вместо этого окружать его div и помещать там отступы.

<div style="padding: 5px;">
    <table...>
    </table>
</div>

Конечно, если вам нужен интервал между ячейками или заполнение ячеек (в отличие от простого дополнения таблицы), вам следует использовать атрибуты cellspacing или cellpadding (даже если они вам не нужны, по крайней мере, вам нужно cellspacing="0", чтобы избежать отдельной проблемы с рендерингом таблицы IE6).

Кроме того, встроенные стили здесь для демонстрационных целей; использование классов CSS обычно считается лучшей практикой.

Answer 2

Вы пробовали использовать <table cellpadding="5">?IE имеет проблемы с некоторыми стилями CSS.Также ваш синтаксис неправильный, вы забыли точку с запятой.

Answer 3

Если вы хотите заполнить ячейки, а затем использовать атрибуцию cellpading (cellpadding = "X"), если вы хотите заполнить таблицу, то это неудобно, учитывая ее структуру, я рекомендую поставить поле, если вы хотите, чтобы междуэто и все остальное.Заполнение не работает в IE, хотя я не фанат IE, я не виню его за это

Answer 4

Рискну предположить, что в вашем коде что-то не так.

Заполнение отлично работает в IE:

http://jsbin.com/ewuho4/