Tuesday, December 20, 2011

min-width для IE

Если решения с таблицей, 1x1 прозрачным gif-ом и css-expressions - отбрасываем, тогда получается:


Разметка html
  1. <div id=”min-width”>
  2. <div class=”minwidth”>
  3. <div class=”container”>
  4. tut ku4a texta
  5. </div>
  6. </div>
  7. </div>
Выход в случае с шириной больше 960px:
Код CSS
/* для браузеров, которые понимают */
#min-width {
  min-width:1000px;
  }
/* для IE */
* html .minwidth {
  border-left:960px solid #fff;
  border-right:40px solid #fff;/*min-width-960*/
  position:relative;
  float:left;
  z-index:1;
  }
* html .container {
  margin-left:-960px; /*-min-width*/
  margin-right:-40px; /*-(min-width-960)*/
  position:relative;
  float:left;
  z-index:2;
  }
Решение из комментариев отсюда: http://cssing.org.ua/2005/09/02/min-width-for-ie/