Всем привет! У меня проблема. Устал уже думать, почему так все.
Лазил на форуме - ничего не нашел путного.
Описание ситуации:
Есть xhtml документ. В нем отображается простейшая таблица с двумя столбцами и двумя строками, первый столбец высотой 100px и шириной 50px объединяет две строки. Второй столбец высотой 8px имеет красный фон. Для наглядности установил видимым бордер у всех ячеек.
Вот код:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.body-table {
width: 100 %;
border: 1px dotted black;
}
.body-table td
{
border: 1px dotted black;
}
</style>
</head>
<body>
<table class="body-table">
<tr>
<td rowspan="2" style="height:100px; width:50px;">
</td>
<td style="height:8px; background-color: red">
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>
Вопрос:
почему во всех браузерах высоту красной строки правильно отображает 8px, а в IE8 неверно, очень высокую отображает, раз в 10 больше, чем 8px ?
Верно отображает в: Mozilla Firefox 3.5.7, Opera 10.53, Google Chrome 3.0.195.21.
Неверно отображает в: Internet Explorer 8 (8.0.601.18702)
