Min-width в IE6 без JavaScript
Для меня оказалось сюрпризом, что
/* min-width для остальных браузеров */
body {margin:0;padding:0;}
.outer {
background-color:red;
margin:0 auto;
min-width:600px
}
/* стили для IE6 */
* html .outer {padding-left:600px}
* html .minwidth {height:0} /* holy hack для IE, что бы включить свойство hasLayout */
* html .container {margin-left:-600px;position:relative; height:0}HTML:
<div class="outer">
<div class="minwidth">
<div class="container">
Блок с min-width 600 пикселей.
</div>
</div>
</div>Первоисточником решения, по всей видимости, является статья Stu Nicholls на сайте CSSPlay.
Комментарии 8