У меня есть простая разметка с навигацией div, контентом div и нижним колонтитулом div.
Если я открою свою «страницу», все будет в порядке. Но если я открою страницу, а затем изменим размер окна браузера, например. 30%, затем содержимое div скользит вниз.
Кажется, это происходит только в Internet Explorer.
Тестовая разметка:
<html>
<body>
<div id="container">
<div id="navi" style="float:left;width:197px;background-color:blue;">
NaviContent
<br /><br />
more NaviContent
</div>
<div id="content" style="width:820px;background-color:yellow">
<table>
<tr>
<td>Content
<br /><br />
more ContentContent
<br /><br /><br /><br />
<br /><br /><br /><br />
more ContentContent
<br /><br /><br /><br />
<br /><br /><br /><br />
more ContentContent
</td>
</tr>
</table>
</div>
<div id="footer" style="clear:both;">
Footer Content
</div>
</div>
</body>
</html>
Изображения проблемы:
браузер в 100% просмотре:
http://www.suckmypic.net/25729/1.png
Изменение размера окна браузера: http://www.suckmypic.net/25730/2.png
Пожалуйста, помогите