Эта статья посвящена свойству position:fixed, которое не так часто используется вебмастерами. На это была причина. Данное свойство поддерживается в IE только начиная с версии 7, поэтому те разработчики, которые заботятся о кроссбраузерности, как правило, стараются избегать стилей неподдерживаемых в IE6.
С выходом IE7 количество пользователей предыдущей версии заметно сократилось, поэтому разработка сайта с использованием фиксированного позиционирования уже начала постепенно распространяться среди веб разработчиков.
Не многие знают, зачем и как можно использовать это свойство, поэтому сразу начнем с наглядного примера 1.

Спонсоры статьи: В Нижегородской области построят новые кирпичные заводы – подробности на …

С первой частью статьи можно ознакомиться здесь: CSS: абсолютные “Да” и “Нет”. Часть 1: Селекторы.
Если вы начали интересоваться веб-стандартами, то скоро поймете, что самое важное понятие – это разметка. Правильная, чистая и хорошо структурированная разметка. HTML, XHTML, теги, атрибуты, структура… Вот то, о чем мы будем говорить. Мы даже объединим понятия CSS и веб-стандартов.
CSS стал уже практически синонимом для стандартов. Я часто говорю «CSS дизайнер», или «css это..», «css то..», чтобы быстро объяснить какие методы и подходы я использую.
Но настоящая правда в том, что CSS вообще не …

Все мы привыкли использовать на сайте такие стандартные шрифты как: Arial, Verdana, Times New Roman, Georgia, Trebuchet MS и некоторые другие. Но, наверняка, многие из вас никогда не использовали другие стандартные шрифты: Palatino/Linotype, Tahoma/Helvetica, Impact, Century Gothic, Arial Black, Arial Narrow, Copperplate / Copperplate Gothic Light и Gill Sans / Gill Sans MT. Знакомы вам такие названия? Ниже я расскажу о каждом из них.

Спонсоры статьи: Строительная компания "Темп" предлагает современные, обустроенные квартиры в Санкт-Петербурге …

Как известно, существует 2 популярных способа верстки на основе блоков div: плавающая модель (float) и абсолютное позиционирование (absolute). Каждый из них имеет свои плюсы и минусы. Eric Sol вместе со своей командой разработали новый способ позиционирования в CSS под названием "faux absolute positioning" – имитация абсолютного позиционирования.
Большинство дизайнов имеют колоночную структуру, т.е. шапку, 2-3 колонки и подвал. Используя только абсолютное позиционирование невозможно задать правила для подвала, т.к. его положение напрямую зависит от контента. С плавающей моделью тоже возникают …

Спонсор месяца:
Сайт о CSS и верстке сайтов

Ресурс noupe.com опубликовал интересную подборку CSS трюков, в которой рассказывается более чем о 20 способах решения различных проблем и багов при верстке сайта с помошью CSS. Это первая часть из серии о CSS-трюках, поэтому я буду следить за обновлениями и переводить для вас самые интересные и актуальные решения.

Баги IE
1. Двойной внешний отступ элемента (IE Double Margin Float Bug) – у блочного элемента с прописанными правилами margin и float в IE наблюдается интересный баг: значение отступа margin увеличивается в 2 раза.

BUGFIX: Пропишите …

Использование CSS при разработке сайта поможет сэкономить массу времени и избежать лишнего кода в документе. Однако, мы часто перегружаем сам CSS файл лишним кодом, забывая о возможности писать правила сокращенно, о комбинировании селекторов и использовании потомков селекторов вместо прописывания отдельного класса.
Существует 6 CSS свойств, правила для которых можно писать сокращенно, (т.е. в одну строку, а не в отдельности для каждого подвида свойства) это: margin, padding, border, background, list-style, font. 

Toolbox CSS
Toolbox CSS – набор готовых CSS стилей, которые можно использовать при разработке сайта. Этот набор является дополнительным к вашему основному файлу стилей и не обязывает к однозначному использованию как фреймворк.
Например, вам нужно сделать привязку элемента по левому краю. Для этого вы можете использовать класс .floatLeft. Для выделения сообщений с ошибками подойдет класс .error. Нужно добавить иконку к ссылке на e-mail? Используйте a[href^="mailto"]