XHTML.ru » Приемы CSS

clear: left; clear: right; clear: both;

Баранов Андрей — Tue, 30 Sep 2008 14:54:05 +0000

Основная проблема шаблонов на основе "плавающих" (float) колонок заключается в том, что контейнер, содержащий такие блоки просто так не пожелает растягиваться по их высоте. Если, скажем, вы захотите добавить рамку вокруг этого контейнера, то придётся каким-то образом заставить браузер растянуть его на высоту содержимого.

CSS-селекторы

Баранов Андрей — Tue, 08 Jan 2008 09:50:48 +0000

Таблица совместимости браузеров с CSS-селекторами, псевдо-элементами и псевдо-классами. При наведении курсора на заголовок каждого селектора можно посмотреть небольшой пример.
Добавлен Safari3(win).

Как установить размер текста в CSS

Баранов Андрей — Wed, 21 Nov 2007 22:23:31 +0000

В этой статье, речь пойдет об урегулировании требованиий дизайнера к точности с потребностью пользователя изменять размеры шрифта текста, достижении методов, которые удовлетворяют дизайнеров и пользователей и работает в различных браузерах.

CSS3-прозрачность (opacity)

Баранов Андрей — Thu, 02 Nov 2006 09:23:46 +0000

Как установить прозрачность (opacity) элементу.

День браузеров или альтернативный тест для «Оперы»

Баранов Андрей — Fri, 13 Oct 2006 18:37:03 +0000

Всегда ли вам достаточно указывать единицы измерения с точностью до процента? Ведь CSS позволяет указывать десятичные значения. А вот как при этом ведут себя браузеры? Леонид прислал тест для Opera. Обсуждение в форуме, ветка «День браузеров».

Использование условных комментариев вместо хака "* html", пишем всю таблицу стилей в одном файле

Баранов Андрей — Tue, 11 Jul 2006 10:09:02 +0000

Разработчики IE7 исправили глюк на котором основан хак "* html" поэтому его можно использовать только для отделения стилей для ie версии 6 и младше. Но для вёрстки очень часто бывает нужен метод отделения стилей для ie всех версий.

CSS свойство min-width в Internet Explorer 5…6

Баранов Андрей — Sat, 03 Jun 2006 20:17:03 +0000

Как известно, за 8 лет существования CSS2 разработчики Internet Explorer так и не сподобились научить своего монстра понимать многие полезные CSS-свойства, среди которых есть min-width - минимальмая ширина. На подходе уже IE7, в котором наконец будут работать и min-width, и max-width. Но несколько лет верстки с учетом капризов IE5-6 у нас еще впереди. Поэтому далее будет небольшой пример, который призовет этот браузер к порядку без применения нестандартного expression().

DIV-ная таблица

Баранов Андрей — Wed, 05 Apr 2006 14:25:05 +0000

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

И еще раз о написании CSS

Баранов Андрей — Sat, 11 Feb 2006 23:12:36 +0000

Еще проще, еще доступнее. С самого начала, для самых начинающих. Что пишется в таблице стилей, как это выглядит, базовый синтаксис, простейшие правила.

Исследование высоты BODY

Баранов Андрей — Mon, 12 Dec 2005 11:47:00 +0000

Небольшое исследование поведения элемента BODY в различных браузерах. Отступы от границ окна (margin, padding). Высота BODY и ее изменение в зависимости от высоты контента в Internet Explorer 6, Firefox 1.5, Opera 8.