Discussion :

[ml1234]

Bonjour,
il semble habituel de laisser les div s'adapter d'eux-mêmes à leur contenant.
Est-ce déconseillé lorsque, dans un container central (wrapper) de 960px, on souhaite une barre de navigation de 30px de haut ou quand on sait qu'on mettre dans le header une banière de 960x200px de spécifier ces tailles 960x30 et 960x200 dans la section box des div ?

Et quand on veut une belle page avec header et footer à coins arrondis, n'est-il pas mieux de définir la hauteur de ce container (ex:1000px) au lieu de le laisser suivre les autres div et jouer avec des clear, after,... ?

merci
Marc

[Erwan31]

Bonjour,
il semble habituel de laisser les div s'adapter d'eux-mêmes à leur contenant.
Est-ce déconseillé lorsque, dans un container central (wrapper) de 960px, on souhaite une barre de navigation de 30px de haut ou quand on sait qu'on mettre dans le header une banière de 960x200px de spécifier ces tailles 960x30 et 960x200 dans la section box des div ?

Pour le menu il est préférable soit de ne pas préciser de hauteur du tout, soit de préciser une hauteur en "em" pour que celle-ci augmente proportionnellement à la taille de texte (paramétrable via le zoom texte de ton navigateurs)

Que tu spécifies la largeur des ces blocs ne changera rien ici puisque leur conteneur à une largeur fixe et que par conséquent la largeur ne s'adapte pas automatiquement à la largeur du viewport (la zone d'affichage du navigateur).
En revanche et de manière général, il est inutile de donner une largeur à une div si celle-ci est égale à celle de son conteneur
puisque qu'un élément de niveau block prend par défaut toute la largeur disponible. Pareil si tu dois à l'avenir transformer ton width:960px en max-width:960px (avec une largeur qui s'adapte à celle du viewport donc)

Et quand on veut une belle page avec header et footer à coins arrondis, n'est-il pas mieux de définir la hauteur de ce container (ex:1000px) au lieu de le laisser suivre les autres div et jouer avec des clear, after,... ?

Non. Même problème que précédemment, si tu augmentes la taille du texte (Ctrl+molette) son block conteneur ne suivra pas. D'autre part dans la plupart des cas, un bloc devrait automatiquement s'adapter à son contenu.

[pop_up]

Je suis d'accord avec toi erwann sur le fait de ne pas fixer la hauteur en pixel.

Par contre, même en la fixant en em, il me semble que l'on peut rencontrer des problèmes. Exemple, un texte qui en zoom normal, rentre pil poil en largeur mais quand on fait un zoom +, plusieurs mots de fin de ligne reviennent à la ligne et le conteneur s'est agrandi en hauteur mais pas assez. Ceci m'était arrivé il me semble sur des conteneurs assez étroits.

Dans ces cas la, j'ai préféré définir un min-height légèrement à la hauteur nécessaire en zoom normal afin d'uniformiser ce que je souhaite (sauf pour IE bien sur où j'avais du faire autre chose)

Est tu d'accord ?

[Erwan31]

Salut Pop-up,

Par contre, même en la fixant en em, il me semble que l'on peut rencontrer des problèmes. Exemple, un texte qui en zoom normal, rentre pil poil en largeur mais quand on fait un zoom +, plusieurs mots de fin de ligne reviennent à la ligne et le conteneur s'est agrandi en hauteur mais pas assez. Ceci m'était arrivé il me semble sur des conteneurs assez étroits.

Il me semble pas avoir rencontré ce genre de désagrément sauf dans certains cas ou la largeur (sensée s'élargir proportionnellement si aucune largeur n'est définie) était limitée. Mais logiquement ça ne devrait pas même s'il y a sans doute des cas de figures plus difficilement anticipable que je ne connais pas.

Dans ces cas la, j'ai préféré définir un min-height légèrement à la hauteur nécessaire en zoom normal afin d'uniformiser ce que je souhaite (sauf pour IE bien sur où j'avais du faire autre chose)

Un height sur IE6 se comporte comme à un min-height.

[pop_up]

Merci erwann,

Effectivement, il me semble que mon bloc était limité en largeur avec un width en pixels.

Trop fort