Секреты HTML верстки
Сегодня каждый начинающий верстальщик все чаще сталкивается с проблемами кроссбраузерности, потому как их, браузеров, развелось очень много, а единого подхода к выводу интернет-страницы нету. Поэтому и получается, что верстая страницу под ИЕ, программист получает кривую странице под Firefox или Opera, или Safari. Но чтобы этого избежать, необходимо писать код продуманно и правильно. Но что делать, если корректно написанный код работает некорректно в разных браузерах? Для этого существуют секреты верстки.
В простонародии эти "секреты" называются CSS-хаками - специальные команды, запрещающие или разрешающие обработку того или иного кода какому-либо из браузеров. Ими не стоит злоупотреблять, лучше всего их использовать только в безвыходном положении. Так, к примеру, бразер ИЕ версии 6 - это ужас для всех верстальщиков. Для того, чтобы в нем страница отображалась нормально, потребуется немало времени и нервов. Чтобы задать CSS стиль только для ИЕ 6, необходимо перед командой поставить знак "тире" (пример: -background:#FFF; ) Эту команду сможет прочесть только ИЕ 6. Для 7-й версии все немножко сложнее - перед названием стиля необходимо добавить "*+html", а для 8-й версии два слеша с нулем в конце строки (пример: background: #FFF /;). Opera воспринимает те стили, перед названием которых есть команда *|html[xmlns*=""]. Стили для Mоzilla Firefox заключены в специальных тег: @-moz-document url-prefix() { код стиля }.
Хочется отметить, что применение хаков (секретов) - это быстрый и удобный способ решить проблему, вызванную некорректным отображение страницы в браузере. Однако, это не профессионально с точки зрения высококлассного верстальщика. Поэтому используйте как можно меньше таких методов!