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

Trifler Blog

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.

Комментарии к этой заметке больше не принимаются.


Рейтинг популярности - на эти заметки чаще всего ссылаются:

banner counters.php

leftcounters
width:160px;
height:160px;

banner counters.php

centercounters
width:160px;
height:160px;

banner counters.php

rightcounters
width:160px;
height:160px;

Горизонтальный banner counters.php - width:494px;

март, 2009
пн вт ср чт пт сб вс
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
free  counters