Кроссбраузерное прицепленные шрифта

@font-face {

    font-family: 'MyWebFont';

    src: url('webfont.eot'); /* IE9 Compat Modes */

    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('webfont.woff') format('woff'), /* Modern Browsers */

    url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */

    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */

}

     

body {

    font-family: 'MyWebFont', Arial, sans-serif;

}

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;
}