Родительские страницы:
  1. Главная
  2. Блог
  3. Метки
  4. «таблицы»

Заметки с меткой «таблицы»

  • display-table.htc — новые возможности

    В авторскую JavaScript-библиотеку display-table.htc, предназначенную для эмуляции CSS-свойств семейства display: table в IE6/7, добавлены новые удобные возможности.

    1. display-table.htc теперь можно привязать не только напрямую к элементу, подлежащему преобразованию в таблицу, но и к элементу BODY, в результате чего эмуляция display: table будет автоматически применена ко всем элементам, для которых задано CSS-псевдосвойство -dt-display: table.
    2. Теперь можно помещать элементы-ячейки напрямую в элемент-таблицу, сохраняя при этом идеальную чистоту HTML-кода: более нет необходимости ни в дополнительном элементе-прослойке, ни в служебном CSS-классе. Строка таблицы теперь генерируется автоматически, если первому дочернему элементу исходного элемента-таблицы задано CSS-псевдосвойство -dt-display: table-cell.
    3. Реализована эмуляция CSS-свойства border-spacing с помощью псевдосвойства -dt-border-spacing, задаваемого для исходного элемента-таблицы.

  • Эмуляция display: table для IE6/7

    display-table.htc — авторская JavaScript-библиотека для эмуляции CSS-свойств семейства display: table в IE6 и IE7, лишённых встроенной их поддержки.

  • Простой тест браузеров на поддержку web-стандартов (+)

    По стандарту HTML 4.01, значение 0 (ноль) атрибута colspan или rowspan ячейки таблицы должно приводить к растягиванию ячейки на всю ширину (для colspan) или высоту (для rowspan) содержащей её секции таблицы (thead, tbody или tfoot) вне зависимости от количества строк или столбцов. Точно следует стандарту лишь Firefox.

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

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

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

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

    TABLE {font-size: 100%; }