Discussion :

[staive]

Bonjour,


J'ai un problème de compréhension avec les balises <div>, je suis comme qui dirais "un vieux cons" élevés aux développement de site à grand coup de tableau (j'en entend qui hurle au fond...).
Dans un soucis de me mettre à la page, je me suis mis au développement à l'aide des balises <div> et du CSS.

Le problème que j'ai, c'est que lorsque je positionne une balise div en "absolute", le contenu de cette balise div ne suis pas.

Dans mon exemple, je positionne mon pied en bas de page et centré, puis entre mes balises je tape du texte. Je met une couleur de fond pour voir ma div, le résultat : un bloc s'affichant en bas et centré et un texte s'affichant au dessus à gauche.

Je pensais que le texte suivrais mais non...

Quelqu'un aurais une explication ou une philosophie de développement à me transmettre sachant que je suis "formaté développement tableau" svp ???

J'ai déjà lu quelques truc sur internet mais rien n'expliquant clairement les choses.

Merci d'avance.

[Torgar]

Bonjour,

Peux-tu nous montrer le code que tu as utilisé s'il te plait ?
Cela nous aiderais à comprendre et t'expliquer ton problème.

Merci.

[staive]

Veillez m'excusez, grosse boulettes de ma part...je n'attaquais pas la bonne div...


Cependant, une partie de ma question reste en suspens.

Faut-il mettre tout objet à afficher dans div au préalable puis gérer l'affichage en CSS ? (partie sur la philosophie à adapté)

[Bovino]

Oui et non

Oui, il faut mettre tout ce que tu veux afficher dans des éléments et leur donner des styles avec CSS.
Non, l'utilisation systématique de <div> n'est pas la meilleure solution : HTML est un langage sémantique, s'il existe une balise dont le rôle correspond au contenu que tu souhaites ajouter, c'est cette balise qu'il faut utiliser. Les <div> et <span> sont des balises génériques sans sens sémantique.

[staive]

Dans quel cas l'utilisé alors ?

Pour imbriquer des parties de sites ?

Ne perd-t-on pas en souplesse en procédant comme ceci ?

J'm'excuse d'avance d'être relou...

[Muchos]

Il ne faut pas penser en terme de cas d'utilisation mais de nature.

Une div, c'est quoi ? C'est un élément en bloc qui n'a pas de sens sémantique (comme l'a dit Bovino). Son équivalent pour les éléments en ligne est span.
Il existe table pour faire des tableaux de données, p pour faire des paragraphes… et div sert à faire des conteneurs et des sections (pour d'autres éléments en bloc par ex.)…

Ne perd-t-on pas en souplesse en procédant comme ceci ?

Ne cherches-tu pas d'excuse pour continuer à utiliser des tableaux ?
La balise div (et maintenant ses petites sœurs introduites par html5) est bien plus simple à intégrer et facilite nettement la mise en forme avec css.

[Sereine]

Dans quel cas l'utilisé alors ?

Pour imbriquer des parties de sites ?

Ne perd-t-on pas en souplesse en procédant comme ceci ?

J'm'excuse d'avance d'être relou...

Je rejoins ce qu'a dit muchos, j'aimerais juste rajouter un petit truc qu'on m'avait appris en cours, il y a un moment.

L'html est là pour structurer ton site.
La css est là pour la mise en forme.
Tu ne DOIS PAS utiliser l'html pour la mise en forme.

Une structure html se compose de bloc et d'éléments inline.
Il faut penser à des boites quand tu code en html, et tout devient plus simple. Avec la css tu positionne, met de la couleur, donne une taille à ces boites.

Gagner en souplesse en passant par des tableaux? quelle blague, les tableaux sont peu facile à manier. Et ne sont utilisé que dans des cas précis, tel que les formulaires ou dans la manipulation de données dynamique (comme des annonces, un classement ect ... ) Pour tout le reste, on utilise principalement des div. Elles sont beaucoup moins contraignante et plus facile à manipuler qu'une table.

[v1cent]

Dans quel cas l'utilisé alors ?

Concrètement ? Quand tu as absolument besoin de mettre un truc autour d'autres éléments qui ont un sens (p, a, tableaux, etc.), et que tu n'as rien d'autre à mettre.

Moi aussi j'ai été élevé aux tableaux (pourtant, c'était périmé depuis un moment déjà), et bien quand tu as perdu tes habitudes et adopté la logique, c'est quand même vraiment mieux tu verra... Les frameworks et wysiwyg ont tendance à mettre des divs à la pelle car ils n'ont pas trop de notions de sémantique (encore que ça tend à s'améliorer). En tant qu'humain, on a moins d'excuses...

Après adapter une page mal foutue (sémantiquement parlant) en remplaçant les tableaux par des divs, ça sers à rien, autant laisser les tableaux. Si tu veux te mettre faire un HTML cohérent, par contre, ça facilite grandement la vie par la suite.

Faut persévérer