29 марта 2009, 21:53

min and max-width - проще не бывает...

Долго верстальщики искали обходные пути, чтобы заставить IE6 хоть каким-то образом поддерживать min/max-width, без применения expression.

И вот когда его дни сочтены и он отправляется на вполне заслуженную пенсию, удалось сделать компиляцию из известных уже решений, буквально в пару строк.

На сколько все это актуально, не знаю.

Выкладываю, может, кому еще и пригодится.

* {margin:0;padding:0;}
body {
  background-color:#fff;margin:3px auto;
  padding-left:600px;width:10%;
}
.middle {border:#000 1px solid;margin-left:-600px;}

 <body>
   <div class="middle">...</div>
 </body>

Пример

Чуть позже, сделаю несколько примеров разметки в различных вариациях на эту тему с использованием блочно-модульной концепции "Техника Gordi".

Единственный, пока обнаруженный не достаток предложенной выше конструкции, так это отсутствие возможности получить сто процентную высоту страницы.

Проверено в IE6 (7,8), OPERA9.64, FF3, SafariWIN, Chrome.

Комментариев: 2