Путь к текущей странице:

• Главная →
• Блог →
• Метки →
• «кроссбраузерность»

Заметки с меткой «кроссбраузерность»

• {overflow: hidden} и {position: relative} в IE

  В IE абсолютно (position: absolute) или относительно (position: relative) позиционированные блоки имеют обыкновение игнорировать правило {overflow: hidden} содержащего их элемента и преспокойно выступать за пределы его границ.

  Для решения этой проблемы достаточно задать относительное позиционирование (position: relative) самому контейнеру. Приведённый пример это иллюстрирует.

  CSS:

  /* дочерний элемент */
#child {background: #ссс; position: relative; top: -25px; }

/* содержащий его контейнер */
#parent {overflow: hidden; position: relative; height: 50px; }

  HTML:

  <div id="parent"><div id="child">example</div></div>

  • 2008-09-15
  • 3 комментария

• 5 советов по XHTML/CSS-вёрстке (+)

  В рамках своеобразной эстафеты, открытой Никитой Селецким и переданной мне Александром Исаковым (UGgallery), публикую 5 небольших практических рекомендаций, касающихся XHTML/CSS-вёрстки и в данном блоге ранее не озвученных.

  • 2008-05-21
  • 3 комментария

• SWFObject 2.0

  Относительно незаметно вышла новая версия JavaScript-библиотеки SWFObject, предназначенной для удобной и соответствующей веб-стандартам кроссбраузерной вставки Flash-роликов на веб-страницы.

  Между тем, SWFObject 2.0 является преемником сразу двух библиотек схожего назначения: предыдущей версии SWFObject (1.5) и UFO, авторы которых объединили усилия для создания более совершенного механизма вставки Flash-роликов в лице новой SWFObject 2.0 и теперь предлагают её к использованию вместо своих прежних разработок.

  • 2008-03-21

• CSS: % + em

  Если кто не в курсе. Следующее простое CSS-правило:

  HTML {font-size: 100.1%; }

  решает сразу две проблемы:

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

  После добавления этого правила можно использовать единицы em сколько влезет.

  • 2006-10-16
  • 2 комментария

• Эмуляция наследования размера шрифта таблицами в IE 5.x

  Как известно, таблицы в IE 5.x даже при указании полного DOCTYPE (просто потому, что IE 5.x понятия о нём не имеет) не наследуют размер шрифта от родительского блока.

  Это может вызывать проблемы при использовании относительных размеров шрифтов в целом и различия размера шрифта внутри таблиц в IE 5.x (где размер шрифта таблицами не наследуется) и браузерах с поддержкой web-стандартов (где размер шрифта наследуется) в частности.

  Тем не менее, недостаток этот легко устраняется при помощи следующего CSS-правила:

  TABLE {font-size: 100%; }

  • 2006-01-05