Проблема: подключать разные таблицы стилей в зависимости от браузера (версии браузера).
Решение: используем условные коментарии (conditional comments)

Операторы:
! - оператор логического отрицания "НЕ"
lt - оператор "младше чем"
lte - оператор "младше чем или равен"
gt - оператор "старше чем"
gte - оператор "старше чем или равен"

Проблема: необходимо применить стиль style_01 только в браузере Opera.
Решение: для этого используем CSS хак следующего вида:

Layout #1
Резина 100%. Ширина всех колонок в %.
Читать дальше »

На этапе верстки сайта возникает проблема создания разметки которая должна соответствовать следующим требованиям:

1. Валидность HTML
2. Валидность CSS
3. Кроссбраузерность.
4. Отсутствие CSS-хаков.

При работе над проектами часто возникает необходимость создания выпадающего меню. Существует большое количество скриптов, реализующих этот функционал. Но при их практическом применении необходимо чтобы скрипт соответствовал следующим требованиям:

1. Кроссбраузерность - корректная работа скрипта в необходимых браузерах.
2. Правильное позиционирование меню при изменении разрешения экрана (особенно актуально при резиновой верстке).
3. Стабильное поведение меню при наведении курсора.
4. Простая смена оформления через редактирование CSS.
5. Легкость добавления новых пунктов.
6. Семантика (это сейчас модно).
7. Простая настройка дополнительных параметров (временных задержек, дополнительных эффектов и т.д.)

Читать дальше »