Une table dans la mare du css
La plupart du temps, en bon codeur que nous sommes (enfin pas tous), nous utilisons les balises div et autres joyeusetés pour la structuration de notre design.
L’utilisation de la balise <table> n’intervenant que pour les données tabulaires.
Oui mais.. oui mais, je viens de tomber sur un article de thinkvitamin.
Selon l’auteur de l’article “Table : la prochaine évolution dans la conception css“, l’apprentissage du css et de la structuration serait facilitée par l’utilisation de propriété css visant à reproduire le schéma d’un tableau.
Cet apprentissage serait plus simple - plus évident - pour un débutant connaissant les balises table.
Transiter par une phase “table dans le css” permet une adoption en douceur : “How can we expect beginners to adopt CSS for layout when it takes someone with the resourcefulness (and snappy dress sense) of MacGyver to fully understand the techniques involved?”.
Je trouve que cet argument est tout à fait recevable en terme de “processus d’apprentissage”.
Mais, car il y un mais, je reste dubitatif sur l’interprétation par les différents navigateurs (en ayant une petite pensé pour IE6 encore très utilisé) des balises table in css (ex : display:table; display:table-row; display:table-cell;).
S’il s’avérait que les comportements diffèrent d’un navigateur à l’autre, alors une partie du gain espéré s’envolerait.
Je vous invite à me dire ce que vous en pensez, et si par hasard, vous pratiquez déjà cette méthode.
25 novembre 2008 à 18:28
retour d’expérience professionnelle, nous avions un site en full table et CSS, nous sommes passés à du div et CSS, la plupart ont eu une phase d’intégration assez longue pour comprendre la logique div.
Cet argument tient la route quand une personne codait en tableau et qu’elle se donne la peine de comprendre la logique div, pour un débutant, rien de tel que de démarrer par du div même si ça augure de belles soirées en perspective.
25 novembre 2008 à 21:03
Le coup des display css avec des éléments de table c’est super pratique pour plein de truc : hyper facile de faire en sorte par exemple que deux div l’une à côté de l’autre s’adapte à la hauteur de la plus grande par exemple.
Mais dès qu’on passe dans IE… Ben faut deux styles CSS différents : un pour IE, et un pour les vrai browsers… Du coup je sais pas trop si c’est vraiment une bonne idée.
Enfin si c’est juste pour de l’apprentissage, on peut très bien ne faire ses teste que dans un seul navigateur du moment que ce n’est pas un site “pour de vrai”
28 novembre 2008 à 1:08
Pour avoir un peu étudié la question récemment, l’utilisation des ces propriétés est plus a mon goût un exercice de style qu’un bon choix technique. Si ça vous intéresse j’ai publié mes conclusions ici.
7 décembre 2008 à 13:16
COmme beaucoup, j’ai appris par les tableaux en 2000, puis je suis venu au CSS. Et du coup, les avantages des CSS ont été évidents. EN ce sens, je rejoindrais l’avis de l’auteur. En revanche, j’aimerai bien connaitre le point de vue de ceux qui n’ont jamais appris les tableaux. Pas sur que ça soit moins douloureux
16 décembre 2008 à 14:41
Salut :
Je passé par là, et me permet un commentaire de fainéant !
J’ai toujours utilisé les table, c’était plus facile, j’ai commencé par là ! et DW faisait quelque chose de sympa !
la compatibilité entre les navigateur était correct … mais depuis la disparition de IE comme standard quasi exclusif, j’ai été contraint de revoir ma copie et faire des sites spécifiques aux standards W3C. et maintenant, je mélange les deux des tables et des div tout en doublant les css; ce qui n’est pas pris en compte sur IE est spécifiquement inscrit dans le code, en espérant que ça ne perturbe pas trop les autres navigateurs !
Vivement que microsoft pose un second genou à terre devant les règles de l’art !
La compatibilité IE7 et Google Chrome est actuellement un vrai dilemme !
BonCode