Основная проблема шаблонов на основе "плавающих" (float) колонок заключается в том,
что контейнер, содержащий такие блоки просто так не пожелает растягиваться по их высоте.
Если, скажем, вы захотите добавить рамку вокруг этого контейнера,
то придётся каким-то образом заставить браузер растянуть его на высоту содержимого.
Таблица совместимости браузеров с CSS-селекторами, псевдо-элементами и псевдо-классами. При наведении курсора на заголовок каждого селектора можно посмотреть небольшой пример.
Добавлен Safari3(win).
В этой статье, речь пойдет об урегулировании требованиий дизайнера к точности с потребностью пользователя изменять размеры шрифта текста, достижении методов, которые удовлетворяют дизайнеров и пользователей и работает в различных браузерах.
Всегда ли вам достаточно указывать единицы измерения с точностью до процента? Ведь CSS позволяет указывать десятичные значения. А вот как при этом ведут себя браузеры? Леонид прислал тест для Opera. Обсуждение в форуме, ветка «День браузеров».
Разработчики IE7 исправили глюк на котором основан хак "* html" поэтому его можно использовать только для отделения стилей для ie версии 6 и младше. Но для вёрстки очень часто бывает нужен метод отделения стилей для ie всех версий.
Как известно, за 8 лет существования CSS2 разработчики Internet Explorer так и не сподобились научить своего монстра понимать многие полезные CSS-свойства, среди которых есть min-width – минимальмая ширина. На подходе уже IE7, в котором наконец будут работать и min-width, и max-width. Но несколько лет верстки с учетом капризов IE5-6 у нас еще впереди. Поэтому далее будет небольшой пример, который призовет этот браузер к порядку без применения нестандартного expression().
Сразу оговорюсь, что я категорически против изготовления таблиц с помощью DIV. Но возникла необходимость разместить некий текст в двух-трех колонках, которые вели бы себя на экране как ячейки таблицы. При этом, отступить от принципа позволил тот факт, что эта часть кода все-таки больше относится к разметке, чем к представлению табличных данных.
Еще проще, еще доступнее. С самого начала, для самых начинающих. Что пишется в таблице стилей, как это выглядит, базовый синтаксис, простейшие правила.
Небольшое исследование поведения элемента BODY в различных браузерах. Отступы от границ окна (margin, padding). Высота BODY и ее изменение в зависимости от высоты контента в Internet Explorer 6, Firefox 1.5, Opera 8.
Браузеры Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) поддерживают URL-значения для свойства cursor (CSS2 cursor property).
Это дает возможность использовать в качестве указателя мышки любое изображение, любой графический файл, который может показать Gecko. Как это выглядит? Насколько кроссбраузерно?
Чаще всего форму заключают в таблицу. Получается громоздкая и не достаточно гибкая HTML-конструкция. Однако, довольно легко сделать красивую форму без таблиц, используя CSS.
Всего одна простая HTML-разметка и много вариантов ее отображения на веб-странице. Просто добавь CSS!
В CSS верстке есть пара способов прижать footer к низу окна браузера, если контента на странице не очень много.
Все на одной странице: правила написания каскадных таблиц стилей (CSS); каскадность CSS; единицы измерения; свойства текста; свойства цвета и фона; свойства блока; списки; позиционирование; псевдоклассы и псевдоэлементы…