— Привет, меня зовут Максим Покровский. Вы находитесь в моем рабочем кабинете. Поскольку я фрилансер, будем считать, что именно так он и выглядит. Здесь я пишу много интересных вещей, и если вы почувствовали, что я именно тот человек, который вам нужен, то я всегда открыт для контакта.
Сделал за последнее время:
| Заказать мне работу |
| 16.10 | Некоторые моменты эмуляции min-width и max-width для IE 6 |
Момент один
Это самый распространенный и рабочий вариант:
width:expression((document.documentElement.clientWidth< =1000)?'1000px':'auto');
}
Аналогично эмулируется и max-width.
Если же вы используете метод document.body вместо documentElement, то следите за тем чтобы у этого самого body были обнулены padding и margin, иначе вы рискуете сильно сжечь мозг IE. Хотя я пока не нашел моментов, в которых бы не работал documentElement.
Момент 2
В обсуждении поста neutrino uggallery предложил заменить expression на JavaSrcipt и привязать его обработку на конкретные события . Лично я против таких шаманств, но все же лучше иметь несколько вариантов.
<script type="text/javascript">
window.attachEvent('onload', mmwidth);
window.attachEvent('onresize', mmwidth);
function mmwidth(){
document.getElementById('wrap').style.width = ((document.documentElement.clientWidth || document.body.clientWidth) < 990) ? '190px' : ((document.body.clientWidth > 1280) ? '1000px' : '1000px');
};
</script>
< ![endif]-->
Момент три
И напоследок находка месяца - решение найденное ifman. Полностью на css.
к сожалению ссылки ни источник он не указал.
<div class="minwidth">
<div class="container">
Контент
</div>
</div>
</div>
background:red;
min-width: 900px;
}
* html #outer {
padding-left: 900px;
}
* html .minwidth {
height: 1%;
}
* html .container {
margin-left: -900px;
position: relative;
height: 0;
}
Комментарии