Problémy starých IE: display:table

Webdesign

POZOR! Článek jsem napsal před více jak rokem, a tudíž už nemusí reflektovat můj nynější názor nebo může být zastaralý.

Tímto příspěvkem bych začal sérii několika tipů pro IE 8 a nižší.

Když si zkusíte v určitému elementu (třeba DIVu) nastavit display:table (či table-cell, table-row…), tak to u starších IE nebude fungovat.

Jsou dvě možnosti, jak to obejít:

  1. Přestat prasit kód a dělat tabulku v tabulce.
  2. Použít doplnění funkčnosti přes display-table-htc.

To si pouze stáhnete soubor display-table.min.htc a vložíte ho do CSS, které se zobrazí pouze starším IE a tam, kde v běžném CSS použijete display:table, pro IE nahradíte s prefixem -dt-:

body { behavior: url(js/display-table.min.htc); }

#tab       { -dt-display: table; } 
#tab .cell { -dt-display: table-cell; }

Znáte někoho, komu by článek mohl pomoct? Zasdílejte mu ho :)

Komentáře