<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<body>
<!-- кусок кода, НАЧАЛО -->
<div style="width:60%;">
<div style="width:100%; background-color:#FFF242;">
<div style="overflow:hidden;width:100%; background-color:#70FF38;">
<br/>
<div style="background-color:#FF075A;">
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
</div>
<br/>
</div>
</div>
</div>
<!-- кусок кода, КОНЕЦ -->
<br/><br/>
<!-- Теперь тоже самое, но в ячейке таблицы. Браузер рисует совсем другую картину -->
<table border="1" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
<!-- кусок кода, НАЧАЛО -->
<div style="width:60%;">
<div style="width:100%; background-color:#FFF242;">
<div style="overflow:hidden;width:100%; background-color:#70FF38;">
<br/>
<div style="background-color:#FF075A;">
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
</div>
<br/>
</div>
</div>
</div>
<!-- кусок кода, КОНЕЦ -->
</td>
</tr>
</table>
</body>
</html>
Почему меняются правила HTML разметки, если поместить код в ячейку таблицы?
2 одинаковых куска простого HTML-кода, один помещаем в ячейку таблицы и законы HTML разметки для него перестают работать.
Не могу понять причину.
Пробовал в последних FireFox и Chrome.
Пример: http://xexsus.com/misc/example.html
Не могу понять причину.
Пробовал в последних FireFox и Chrome.
Пример: http://xexsus.com/misc/example.html
Код:
Проблема решена. Волшебные слова: table-layout: fixed;