[кроссбраузерность] Заметки с меткой «кроссбраузерность»
Вы находитесь здесь:

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

  • {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>

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

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

  • SWFObject 2.0

    • 2008-03-21

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

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

  • CSS: % + em

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

    HTML {font-size: 100.1%; }

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

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

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

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

    • 2006-01-05

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

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

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

    TABLE {font-size: 100%; }

© 2001—2010 Марат Таналин (http://TANALIN.com/)

Перепечатка любых материалов сайта в любом объёме запрещена

Статистика
  • Рейтинг@Mail.ru