Іноді буває складно написати CSS, який би відображався одинаково у всіх браузерах. Тому пропоную Вам деякі корисні поради як досягнути бажаного результату у вигляді нотаток.

­Умовні коментарі (Conditional Comments)

Для всіх версій IE:

<!--[if IE]>    Some Css Code<![endif]-->

Для 7-й версії:

<!--[if IE 7]>    Some Css Code<![endif]-->

Для 5.01, 5.5 і 6.0:

<!--[if lte IE 6]>    Some Css Code<![endif]-->

Умови:

• IE (Всі версії IE)
• lt IE version (Нижче зазначеної версії)
• lte IE version (нижче та дорівнює зазначеної версії)
• IE version (тільки для цієї версії)
• gte IE version (вище або рівної зазначеної версії)
• gt IE version (вище зазначеної версії)

Min-width і Max-width

Мінімальна ширина:

<code> #wrapper{min-width: 750px;width:expression(document.body.clientWidth < 750? "750px": "auto" );} </code>

Мінімальна та максимальна одночасно:

<code>#wrapper{min-width: 750px;max-width: 1220px;width:expression(document.body.clientWidth < 750? "750px" : document.body.clientWidth > 1220? "1220px" : "auto");}</code>

Мінімальна висота від Dustin Diaz:

<code>#id{ min-height: 100px; height:auto !important; height:100px; } </code>

Універсальні селектори

IE 6 і нижче:

<code>* html {}</code>

IE 7 і нижче:

<code>*:first-child+html {} * html {}</code>

Тільки IE 7:

<code>*:first-child+html {}</code>

Тільки IE 7 і всі сучасні браузери:

<code> html>body {}</code>

Всі сучасні браузери, крім IE 7:

<code> html>/**/body {}</code>

Opera 9 і нижче:

<code>html:first-child {} </code>