Всем привет. Достаточно часто во время работы приходиться сталкиваться с необходимостью задать минимальную ширину контейнера жестко. Т.е. все тянется/сужается и ползает, но только до поры до времени.
Все нормальные браузеры (Mozilla Firefox) уже очень и очень давно нормально понимают это свойство и сними проблем не бывает. А вот продукт коллективной творческой работы от МелкоСофта до сих пор работает через жопу не корректно. Поэтому и приходиться постоянно изобретать велосипед при верстке под IE.
Статей описывающих разные способы вправления мозгов ослику написано очень много и я всего лишь хочу поделиться тем способом, которым часто пользуюсь.
Этот способ потребует добавления в код двух дополнительных div’ов:
Допустим, что необходимо сделать блок с шириной 50% но не меньше 400px.
В html это выглядит так:
Чтобы это все заработало добавляем в css следующий код:
/*для всех браузеров что понимают min-width */
#minwidth {
width: 50%;
min-width: 400px;
}
/* для IE */
* html .minwidthIE {
border-left: 400px solid #fff;
position: relative;
float: left;
z-index: 1;
}
* html .conten {
margin-left: -400px;
position: relative;
float: left;
z-index: 2;
}
Все предельно просто. Внутрь блока помещают другой, с границей равной минимальной ширине, который и не дает IE сжимать этот блок.
Быстро и просто.
Посмотреть пример
2leep.com
13 марта 2009 в 16:52
Мне кажется, порой легче применить експрешен чем создавать лишние блоки.
http://zodios.net/htmlcss/min-width-max-width-ie6.html
13 марта 2009 в 23:59
Экспрешены — зло. Иногда, конечно, без них не обойтись, но по возможности надо избегать. Да и не валидно это.
14 марта 2009 в 1:22
Експрешен, конечно, имеет ряд недостатков. Но в этом варианте мне кажется целесообразно использовать експрешен чем создавать лишние и ненужные конструкции. По поводу валидность — експрешен нужно выносить в отдельный файл которыйд отдавать только для ИЕ через условные комментарии: http://zodios.net/htmlcss/ifcomments.html
11 мая 2009 в 17:16
2vovk, не до этого было… после очередного эксперемента все в IE и поползло. Но сейчас закончил новую тему для блога и проблем болше нет, надеюсь и не будет.
12 мая 2009 в 21:02
Да, так лучше будет. Привык как-то у макстону и никак не перейду. дизайн хороший, чистый и не перегруженный.