<div> plutot que <table>

[leilani]

Je ne retrouve plus les raisons (malgré plusieurs recherches ici) pourquoi les <div> sont plus efficaces que les <table> ?? Mots clés + hauts dans la page ???

Ca m'ennuie car j'aime bien les <tab bien pratiques
.. y a-t-il une façon de mieux (re référencement) travailler avec les <tab ?

Merci

[nickargall]

Simplement l'utilisation de <div> rend le code source plus léger qu'une structure en tableaux. Mais on trouve beaucoup de sites en tableaux très bien référencés.
Ceci dit, je suis passé d'un site en tableaux à un site entièrement en DIV, avec respect des normes w3c tant qu'àa faire, et crois moi le jeu en vaut la chandelle en terme de maintenance.

[B-acK]

un debut de réponse ici

Sinon pour resumer les tableaux ne sont cencés servir qu'a l'affichage de données tabulaires.

Maintenant la théorie et la pratique hein...

[dorian53]

Tout à fait, en pratique j'utilise encore à de nombreuses reprises les "<table>" dès que je travaille avec une disposition de type colonne. C'est pour moi la solution la plus efficasse.

Le CSS a encore beaucoup de lacune à ce sujet (surtout les "float").

[nickargall]

A mon sens, le css n'a pas de lacune, c'est la faiblesse des navigateurs IE dans l'application des instructions css qui a des lacunes Mon site est à base de colonnes et de CSS, et ça marche pas mal je trouve

[leilani]

Merci bien pour toutes ces infos . C'est vrai que les pb rencontrés avec IE et surtout IE6 que beaucoup encore utilisent m'ont fait préférer les <table au <div et css

[e-kiwi]

>> Le CSS a encore beaucoup de lacune à ce sujet

ou tu as des lacunes en css ?

[leilani]

oui ... et pas qu'en CSS !

Par contre toutes les modifs nécessaires au css et petits 'hacks ?" pour que ça présente OK aussi sur IE6 alors que c'est bien joli sur Firefox, je trouve ça plutôt chxxxx !

[dorian53]

>> Le CSS a encore beaucoup de lacune à ce sujet

ou tu as des lacunes en css ?

De mémoire, un <div> qui contient une image en "float" par exemple est dans l'incapacité de s'adapter à la hauteur de son contenu.

En mettant une bordure on verra le <div> faire 1px de hauteur et l'image sortir du cadre, j'ai des tas d'exemple que j'ai rencontré même avec des mises en formes peu complexes mais de tailles non fixes (pour un design redimensionnable).

La cellule d'un tableau n'a pas cette faille...

[chtipepere]

De mémoire, un <div> qui contient une image en "float" par exemple est dans l'incapacité de s'adapter à la hauteur de son contenu.

Il existe des solutions à ce genre de problème (ici par exemple).
Après il y a un point important : la sémantique.
Les "table" (tableaux) sont fait pour organiser des éléments, et pas pour faire de la mise en page.
Bien qu'il soit très simple de faire une mise en page grâce à des balises table, il ne faut pas oublier que le code source s'en retrouve allourdit, et que le poids des pages peut ralentir Googlebot (si on allège les pages, Googlebot verra plus de page lors de son passage).
Enfin, ce n'est que mon avis, j'ai peut-être pas tout bon non plus.
A bon entendeur.

[nickargall]

Tout a fait. Et la sémantique, ben c'est important pour l'appréhension d'une page par une personne non voyante par exemple. Et comme l'adage le dit, "Google est le plus grand internaute non voyant du web" ...

[e-kiwi]

>> on verra le <div> faire 1px de hauteur et l'image sortir du cadre

un simple clear:left et fini le cadre qui ne s'adapte pas à l'element je n'ai jamais vu de problème sans solution (je ne dis pas que ca existe pas, mais je n'ai jamais vu )

[dorian53]

Arggg, même avec les exemples j'arrive toujours pas.

Code: Tout sélectionner

<div style="border:1px solid red;">
   <img src="/....jpg" style="float:left;">
</div>

<div style="border:1px solid blue;">
Bloc dessous
</div>

Où faut-il placer le clear ?

[nickargall]

Code: Tout sélectionner

<div style="border:1px solid red;">
   <img src="/....jpg" style="float:left;">
<div style="clear:both;"></div>
</div>

<div style="border:1px solid blue;">
Bloc dessous
</div>


[dorian53]

J'dis okay à la bidouille ça marche.

Après quand je code j'accepte pas ce truc pas propre qui ressemble à rien : un bloc vide.

De cette manière c'est sûr j'peux tout coder.