Заполнение ячеек таблицы HTML5 - по-разному в браузерах

Я разбил это на довольно простой пример.

Для меня это выглядит иначе в Chrome 7.0, чем в Firefox 3.6 .12. IE 9 beta выглядит как Chrome.

Я бы хотел иметь возможность устанавливать отступы на TD и отображать их с одинаковой высотой во всех браузерах. В настоящее время с верхним отступом 10 пикселей ячейки в Chrome выглядят выше, чем в Firefox.

Я пробовал использовать css сброса Эрика, это не меняет результат Есть идеи, почему они отображаются по-другому?

Пример того, как это выглядит, находится здесь - http: // yfrog. com / 5zqa7p

И Код ...

<!DOCTYPE html>
<head>
<title>padding test</title>
<meta charset=utf-8>
<style>
td { width: 100px; height:100px; background: green; padding: 10px 0 0 0; }
</style>
</head>
<body>
<table>
<tr><td>TEST</td></tr>
<tr><td>TEST</td></tr>
</table>
</body>
18
задан Brian Tompsett - 汤莱恩 14 June 2017 в 13:46
поделиться