max-width - методами яваскрипта

<script type="text/javascript"> if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) < 7)) window.attachEvent("onresize", setMaxWidth); function setMaxWidth() { var paragraphs = document.getElementsByTagName("p"); for ( var i = 0; i < paragraphs.length; i++ ) paragraphs[i].style.width = ( document.body.clientWidth > 300 ? "300px" : "auto" ); </script>

Подсмотрел тут

Обтикание блоков.

Есть три варианта (для меня приемлемых):

1.
внутри блока в конце поставить блок <div style="clear:both"></div>

2.
блоку в цсс добавить свойство overflow: hidden, для ИЕ если буду проблемы можно добавить zoom: 1;

3.
интересный вариант нашел на http://rotorweb.ru

блоку добавить вот такой клас:
.floatElement:after {
visibility: hidden;
display: block;
clear: both;
content: " ";
height: 0;
}

для ИЕ zoom:1; или height:1%;

Максимальный и минимальные высоты и широты для ИЕ

Максимальная высота

/* для ИЕ */
div.max-height {
height: expression(document.body.clientHeight > 1000px ? "1000px" : "auto");
}
/* для нормальных браузеров */
div.max-height {
max-height: 1000px;
}

Минимальная высота

/* для ИЕ */
div.min-height {
width: expression(document.body.clientHeight < 600px ? "600px" : "auto"); }

/* для нормальных браузеров */
div.min-height {
min-height: 600px;
}


Максимальная ширина

/* для ИЕ */
div.max-width {
width: expression(document.body.clientWidth > 1200px ? "1200px" : "auto");
}
/* для нормальных браузеров */
div.max-width {
max-width: 1200px;
}

Минимальная ширина

/* для ИЕ */
div.min-width {
width: expression(document.body.clientWidth < 980px ? "980px" : "auto");
}
/* для нормальных браузеров */
div.min-width {
min-width: 980px;
}