Предлагаю вам способ эмуляции max-width в IE6 на чистом CSS. Данный способ работает во всех современных браузерах без использования max-width, JavaScript или Microsoft expressions.
Приведу разметку и таблицу стилей для эмуляции max-width: 900px; Если что-то будет не понятно, задавайте вопросы в комментах.
HTML:
<body>
<div class="leftpad"></div>
<div class="rightpad"></div>
<div class="content">
<div class="inner">Здесь контент</div>
</div>
</body>
CSS:
.leftpad {
float:left;
height:10px;
width:50%;
margin-right:-450px;
}
.rightpad {
float:right;
height:10px;
width:50%;
margin-left:-450px;
}
.content {
padding:10px;
border:1px solid #000;
overflow:hidden;
height: 100%;
}
* html .content {
float:left;
}
* html .inner {
overflow:hidden;
width:100%;
height: 100%;
}
Похожие публикации:
- Трехпиксельный баг Internet Explorer
Верстая макет для сайта, столкнулся с тем, что после слоя с float: left появился отступ в три пикселя. Много слышал... - Центрирование меню
Разработал для себя определенную систему: кроссбраузерную, валидную, семантичную. Одним из пунктов ее является меню, составленное из тегов <ul><li>. Хотелось бы... - Баг стилизации noscript-тега в Internet Explorer 8
Содержимое тега <noscript> отображается, когда в настройках браузера выключена поддержка javascript. Сейчас по умолчанию данная поддержка включена во всех браузерах.... - Разделители в меню
Довольно часто приходится верстать просты меню с разделителем - вертикальной чертой. Рашил поделиться рецептом - надеюсь кому-то будет полезен. HTML... - Горизонтальное центрирование сайта
В последнее время разрешение мониторов у пользователей растёт семимильными шагами. И если сейчас принято верстать под 1024 px, реже под...

В 16 строке overflow:hidden; — не позволяет контенту отображаться на странице в случае, когда высота страницы больше окна экрана. Предложенный вариант подходит только для случая, когда высота страницы заведомо меньше высоты экрана
Чушь. Растяните канву по высоте на 100% — будет вам счастье.