Discussion :

[ShinJava]

Bonjour tout le monde,
Vous allez bien ?
En ce moment on me dit souvent qu'il est preferable de faire des sites avec des bloc de DIV en CSS plutot que des tableaux (table, tr, td).
Je ne comprend pas trop pourquoi.
J'avais transformé un site de type tableau en format CSS (bloc de div) et cela a était une galère surtout au niveau de compatibilité entre IE et FireFox.
J'aimerais bien avoir vos avis sur les tableaux... Est-ce que ca fait plus professionel de les oublier ? Pourquoi il ne faut plus utiliser ?
Bref, j'ai vraiment du mal à comprendre sur ce coup-ci :/

Merci d'avance
++
ShinJava

[azertyman]

on peut obtenir de bons resultats avec les deux, mais l'avantage d'utiliser les div avec les css plutot que les tableaux, est que l'on différencie le contenu de la mise en page. De plus utiliser les div allège le code

[SpaceFrog]

ben a vrai dire la fonction première d'un tableau n'est pas de faire de la mise en page d'objet, mais de présenter des données de façon tabulaires ...
ensuite pour palier à quelques lacunes de certains browser il est plus facile d'utiliser un tableau pour faire des centrages et autres ...
Mais bon de plus en plus il existe de possibilités comme sur les site alscacréation de ne pas utiliser les tableaux pour la mise en page ...

pour ce qui est du coté pro, je connais des sociétés qui n'utilisent que des tableaux ...

[SpaceFrog]

le seul souci que tu risque d'avoir à terme est de voir que ta page avec des éléments ( tels que des div des forms et autres) dans tes cellules ne passera pas au validateur w3c ... et ne sera donc pas affichable par les navigateurs

[_dranece_]

Pour avoir fait un site traduit en 8 langues, je me suis retrouvé sous certaines langues avec des labels de champs qui prennaient 3 ou 4 fois la place des mêmes labels en anglais. J'avais développé ce site avec un maximum de div.
Du coup, mes pages explosées littérallement sous certaines langues alors que si j'avais utilisé des tableaux à certains endroits stratégiques, les pages se seraient élargies mais seraient restées "correctes".

Malgrès cette expérience, je continue à penser qu'il faut utiliser au maximum les div pour la mise en page. Mais il m'arrive maintenant de "rigidifier" la structure globale ou certains bouts de page avec un tableau afin de limiter les problèmes lors l'internationalisation des textes.

[franculo_caoulene]

Il y a une chose qui est un peu fausse dans ce que vous dites : "il faut utiliser les div". Non, il ne faut pas utiliser les <div> mais les balises qui ont un sens. Toutes les balises ont un sens et le comprendre aide à mieux les utiliser.
Par exemple, pour faire un menu on a juste besoin d'une liste de liens, on va donc utiliser les balises <ul> <li> <a>. Pas besoin d'encadrer tout ça d'un <div>! il suffit de donner un identifiant à cette liste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<ul id="monmenu">

et on fait ce qu'on veut avec en utilisant les sélecteurs.

L'intéret est de donner un sens à la mise en page du contenu, les <table> peuvent faciliter la mise en page mais elle n'aura plus aucun sens. Non sens qu'on retrouve avec l'utilisation des <div> à outrance.
Exemple qui n'a pas de sens :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.titre{font-weight: bold; font-size: 3em; color: red;}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="titre">Mon titre est un non sens</div>

Exemple qui a du sens :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

h1{font-weight: bold; font-size: 3em; color: red;}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h1>Mon titre est un non sens</h1>

[_dranece_]

C'est vrai que ce point n'a pas était abordé.
Lorsque je dis d'utiliser au maximum les div, c'est effectivement en tant que blocks qui remplacent les tableaux. A l'intérieur de ces blocks, il faut bien évidement utiliser les balises adaptées au contenu (bien que certains balise tel que le 'ul' puissent faire office de blocks).
Aprés c'est à chacun de connaître les caractérisques de chaque balise afin de limité les définitions css en utilisant les caractéristiques inhérentes.

[ShinJava]

Re tout le monde,
Merci à tous pour vos explications et liens.
Donc si je comprend bien le div permet d'obtenir une page plus leger. Et le tableau est surtout à utiliser pour présenter des données tabulaires.

Sinon je suis d'accord qu'il faut bien utilisé les balises. Et quand je parle de "div", c'est surtout pour la mise en forme d'une page et bien cadrer les elements. Par contre c'est quand même la galère quand un passe sous FireFox et non sous IE... enfin bref, j'ai vu qu'il y a toujours moyen de s'en sortir.
Merci encore !

Si vous avez d'autres temoignages, je suis à l'ecoute !


++
ShinJava