Css хакі

Кросбраузерність коду - основна вимога для верстальника практично в будь-який web-студії. Для досягнення цього завдання є маса способів. Головний з яких - тщательнопродуманная структура документа. Однак, якщо структура html сторінки складна, або придумати структуру так, щоб вона однаково відображалася у всіх браузерах, не вдалося, на допомогу верстальщику приходять всілякі css-хакі. Чи не претендую на оригінальність або унікальність добірки трюків в цій статті, але постараюся описати як можна більше способів і інструкцій по досягненню кросбраузерності.

Основна головний біль верстальника в 99,99% пов'язана з браузерами від Microsoft, тобто з Internet Explorer. Сайт, однаково добре інтерпретується Opera, Mozilla, Safari і Chrome, може виглядати зовсім по-різному в Internet Explorer 8, Internet Explorer 7, не кажучи вже про більш ранніх версіях.

Працюватиме тільки в IE6 і нижче:

Умова може бути таким: IE - для будь-якої версії IE

lt IE v - (less than) для всіх браузерів IE, версія яких менше ніж v

lte IE v - (less than or equal) для всіх браузерів IE, версія яких менше ніж v, або така ж

gte IE v - (greater than or equal) - для IE, версія яких більше або дорівнює v

gt IE v - (greater than) - для IE, версія яких більше v.

Іноді заради того, щоб переписати одну властивість, підключати новий CSS файл занадто громіздко. Для цього є спеціальні CSS-хакі.

CSS хакі для Internet Explorer