Table des matières

Les tableaux en HTML et CSS2

Présentation sous forme de tableaux

Pour représenter des données qui ne sont pas structurées comme des tableaux, tout en utilisant le modèle de rendu table de CSS.

Le problème vient de l'implémentation incomplète de la norme par les navigateurs, en particulier IE6/7.

Un tableau récaptulatif de ce qui est ou non implémenté de CSS2 par les différents navigateurs est bien pratique. Et une foule de petits exemples de codes de et de rendu, propriété par propriété.

Tips

IE n'accepterait d'appliquer display=table-cell qu'à des éléments span (ou peut-être tout élément “nativement” in-line).

Voici un exemple intéressant qui utilise conjointement deux déclaration display (table-cell et inline-block) afin de créer des cellule multilignes redimentionnables. Consulter le code source de la page.

span	{ display:table-cell; display:inline-block; width:2em; height:2m; margin:0.2em; background-color:#fee; padding:0.2em; border:1px solid #caa; text-align:center }