|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
leilani
Nouveau WRInaute
Inscrit le: 27 Nov 2006
Messages: 6
|
 Posté le : Mar Sep 25, 2007 10:48 Sujet du message: <div> plutot que <table> |
|
|
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
Dernière édition par leilani le Mar Sep 25, 2007 11:56; édité 1 fois |
|
| |
|
 |
nickargall
WRInaute accro
Inscrit le: 13 Juin 2005
Messages: 3695
Localisation: Exilé au Groland à cause de Joe Dalton
|
| Posté le : Mar Sep 25, 2007 11:07 Sujet du message: <div> plutot que <table> |
|
|
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
WRInaute discret
Inscrit le: 07 Nov 2006
Messages: 57
Localisation: Lille
|
| Posté le : Mar Sep 25, 2007 11:14 Sujet du message: <div> plutot que <table> |
|
|
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
WRInaute accro
Inscrit le: 10 Avr 2005
Messages: 1497
|
| Posté le : Mar Sep 25, 2007 11:19 Sujet du message: <div> plutot que <table> |
|
|
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
WRInaute accro
Inscrit le: 13 Juin 2005
Messages: 3695
Localisation: Exilé au Groland à cause de Joe Dalton
|
| Posté le : Mar Sep 25, 2007 11:20 Sujet du message: <div> plutot que <table> |
|
|
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
Nouveau WRInaute
Inscrit le: 27 Nov 2006
Messages: 6
|
| Posté le : Mar Sep 25, 2007 11:29 Sujet du message: <div> plutot que <table> |
|
|
| 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
Modérateur
Inscrit le: 23 Déc 2003
Messages: 12363
Localisation: Toulouse
|
| Posté le : Mar Sep 25, 2007 11:30 Sujet du message: <div> plutot que <table> |
|
|
>> Le CSS a encore beaucoup de lacune à ce sujet
ou tu as des lacunes en css ? |
|
| |
|
|
leilani
Nouveau WRInaute
Inscrit le: 27 Nov 2006
Messages: 6
|
| Posté le : Mar Sep 25, 2007 11:43 Sujet du message: <div> plutot que <table> |
|
|
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
WRInaute accro
Inscrit le: 10 Avr 2005
Messages: 1497
|
| Posté le : Mar Sep 25, 2007 11:46 Sujet du message: <div> plutot que <table> |
|
|
| e-kiwi a écrit: |
>> 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
WRInaute impliqué
Inscrit le: 08 Jan 2004
Messages: 466
|
| Posté le : Mar Sep 25, 2007 11:57 Sujet du message: <div> plutot que <table> |
|
|
| Citation: |
| 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
WRInaute accro
Inscrit le: 13 Juin 2005
Messages: 3695
Localisation: Exilé au Groland à cause de Joe Dalton
|
| Posté le : Mar Sep 25, 2007 11:59 Sujet du message: <div> plutot que <table> |
|
|
| 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
Modérateur
Inscrit le: 23 Déc 2003
Messages: 12363
Localisation: Toulouse
|
| Posté le : Mar Sep 25, 2007 12:02 Sujet du message: <div> plutot que <table> |
|
|
>> 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
WRInaute accro
Inscrit le: 10 Avr 2005
Messages: 1497
|
| Posté le : Mar Sep 25, 2007 12:33 Sujet du message: <div> plutot que <table> |
|
|
Arggg, même avec les exemples j'arrive toujours pas.
| Code: |
<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
WRInaute accro
Inscrit le: 13 Juin 2005
Messages: 3695
Localisation: Exilé au Groland à cause de Joe Dalton
|
| Posté le : Mar Sep 25, 2007 12:43 Sujet du message: <div> plutot que <table> |
|
|
| Code: |
<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
WRInaute accro
Inscrit le: 10 Avr 2005
Messages: 1497
|
| Posté le : Mar Sep 25, 2007 14:12 Sujet du message: <div> plutot que <table> |
|
|
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.
Dernière édition par dorian53 le Mar Sep 25, 2007 14:15; édité 2 fois |
|
| |
|
|
| |
|
|
