Библиотека Интернет Индустрии I2R.ru

Тема эта упоминалась, но подробно не рассматривалась и не "обсасывалась" со всех сторон, а оно того стоит... В будущем еще не раз пригодится.

Первый метод.

Напомню. При указании ширины блока и явном указании внешних и внутренних отступов блока мы наблюдаем разную картину в разных броузерах. Эксплорер вписывает все отступы и ширину рамки внутрь блока, оставляя ширину блока неизменной, а Нетскейп6 и Опера5.02 прибавляют все эти величины к ширине блока, в результате чего блок у нас несколько увеличивается в горизонтальных размерах. Это "несколько" складывается из ширины внешних и внутренних отступов и толшины рамки блока. Напомню, что именно этод метод является правильным с точки зрения стандартов.

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

Второй метод.

Во втором методе мы устраняем разночтение "програмным", так сказать, методом. Что здесь что, я не описывал, а надо.

Начнем с того, что Эксплореры не понимают селекторы дочерних элементов, принятые в CSS2. Дочерним называется элемент, порожденный каким-либо родительским элементом в "первой ступени". Например элемент BODY порождает элемент DIV, расположенный в документе, этот DIV и будет дочерним элементом BODY. Однако, блок DIV2, располагаемый внутри первого блока, не является дочерним элементом BODY, хоть и является его потомком. Селектор дочернего элемента пишется так: ">".

body>#men { .... } Подобное описание означает, что блок с id=men, являющийся дочерним элементом BODY, имеет такие-то свойства.

Указав ширину блока для Эксплорера и прописав ниже ширину блока с помощью селектора дочернего элемента (ширина указывается меньше на сумму ширины отступов и рамки), мы получаем блок с одинаковой шириной в броузерах не понимающих полностью CSS2 и неправильно отображающих ширину блоков, и броузерах, все поддерживающих и отображающих все правильно. Это и есть Эксплореры, Нетскейп6 и Опера5. Но возможен еще один тип броузеров, которых у меня лично нет, так что проверка и осознание подобного случая несколько затянулась... Речь идет о броузерах, не понимающих селекторы дочерних элементов, но отображающих блоки в соответствии с принятыми официально стандартами. Для них и пишется следующее:

С использованием звуковых таблиц стилей, как я понимаю, жители России, и я в том числе, никогда не сталкивались. Так что и проверить все нет возможности...