Min-width в IE6 без JavaScript

Для меня оказалось сюрпризом, что min-width в Internet Explorer 6 и ниже можно эмулировать стилями, без обычного, в данном случае, JavaScript (в IE7 min-width работает). Оцените фокус:

CSS-файл:
/* 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.
6 ноября 2007 22:49

gluek.info (gluek.info)
6 ноября 2007, 23:30

Спасибо, положил в копилку

enternet.livejournal.com (enternet.livejournal.com)
7 ноября 2007, 15:35

Holly hack. 8-)

bolk (bolknote.ru)
7 ноября 2007, 15:46

Угу, он так и называется :) Просто долгое время никто не знал почему это работает :)

evildoerizm.livejournal.com (evildoerizm.livejournal.com)
11 ноября 2008, 23:22

Спс. =-)

bolk (bolknote.ru)
12 ноября 2008, 09:53, ответ предназначен evildoerizm.livejournal.com:

Welcome :)

voro.mp (voro.mp)
2 марта 2009, 02:36

Спасибо за пример и ссылку. В IE6 данный способ не заработал, а вот способ Stu Nicholls'а как раз да.

bolk (bolknote.ru)
2 марта 2009, 08:45, ответ предназначен voro.mp:

Пожалуйста :)

http://savvateev.org (инкогнито)
30 июня 2010, 13:01

Думаю это будет в тему <a href="http://savvateev.org/blog/20/">http://savvateev.org/blog/20/

bolk (bolknote.ru)
30 июня 2010, 14:55

Спасибо, но читайте, пожалуйста, что написано в форме перед отправкой комментария.

Заинтересовавшимся, вот ссылка: http://savvateev.org/blog/20/

Ваше имя или адрес блога (можно OpenID):

Текст вашего комментария, не HTML:

Кому бы вы хотели ответить (или кликните на его аватару)