CSSing – Блог про CSS и все что с этим связано. Новые приемы и технологии и т д.

min-width для IE

ДваТри способа как это можно сделать в ИЕ...

min-width по нормальному

1. #min-width {
2. min-width:600px;
3. }

Вступление

Метод 1: JavaScript

1. #min-width {
2. min-width:800px;
3. width:expression(document.body.clientWidth < 770? "770px": "auto" );
4. }

1. * html #min-width {
2. width:expression(document.body.clientWidth > 770? "100%" :"770px");
3. }

• max-width in Internet Explorer (min-width)

ВАЖНО

Метод второй: два обертывающих DIV

1. <div id="min-width">
2. <div class="minwidth">
3. <div class="container">
4. tut ku4a texta
5. </div>
6. </div>
7. </div>

1. /*для всех броузеров что понимают min-width */
2. #min-width {
3. width:50%;
4. min-width:400px;
5. }
6. /* для IE */
7. * html .minwidth {
8. border-left:400px solid #fff;/*min-width*/
9. position:relative;
10. float:left;
11. z-index:1;
12. }
13. * html .container {
14. margin-left:-400px; /*-min-width*/
15. position:relative;
16. float:left;
17. z-index:2;
18. }

• min-width for IE
• How to Use CSS to Solve min-width Problems in Internet Explorer

Update: Метод 3: JavaScript

Вобщем достаточно проинклюдить в страницу вот такой скрипт:

1. var d = document;
2. var winIE = (navigator.userAgent.indexOf("Opera")==-1 && (d.getElementById && d.documentElement.behaviorUrns)) ? true : false;
4. function bodySize(){
5. if(winIE && d.documentElement.clientWidth) {
6. sObj = d.getElementsByTagName("body")[0].style;
7. sObj.width = (d.documentElement.clientWidth<760) ? "760px" : "100%";
8. }
9. }
11. function init(){
12. if(winIE) { bodySize(); }
13. }
14. onload = init;
15. if(winIE) { onresize = bodySize; }

Заключение

Все ссылки

• min-width, max-width re-hacked
• max-width in Internet Explorer (min-width)
• min-width for IE
• How to Use CSS to Solve min-width Problems in Internet Explorer