CSS практик

IE. Разное

Posted by: fxix on: Сентябрь 25, 2008

1. min-width и max-width для IE6 одновременно.

Используя выражения в CSS-файле для Internet Explorer 6, можно добиться поведения, которое все нормальные браузеры уже давно умеют, а именно min-width и max-width свойства для блока. Так как скрипт нужен нам только для IE6, выделяем его с помощью Conditional Comments. Скрипт срабатывает на двух событиях – onload и onresize, что не обязательно:

 <!–[if lte IE 6]>

<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]–> 

Все что нужно сделать – это подставить id нужного вам элемента, ну и конечно значения максимальной и минимальной ширины. document.body.clientWidth соответственно тоже меняйте по вкусу.

Метки: