Menu
Donnez votre avis

Définir une hauteur verticale et relative à un élément

Posez votre question
Parfois, on voudrait définir une hauteur verticale à un élément.
C'est simple en utilisant des valeurs fixes (en pixels pas exemple), mais c'est plus compliqué en utilisant des hauteurs relatives (en pourcentages).

Ce problème est souvent rencontré lorsque l'on utilise des images de fond pour créer une bordure avec un certain style à un élément.

Solution


Pour définir une hauteur verticalement et relative à un élément, il faut que chacun de ses éléments parents ait une hauteur définie lui aussi.


Il faut donc définir une hauteur aux balises html, body, et toutes les balises qui contiennent l'élément qui doit avoir une certaine hauteur.

Ce qui donne par exemple :
html,body,div#corps,div#tous_mes_elements{height:100%}
Jean-François Pillou

Cet article est régulièrement mis à jour par des experts sous la direction de Jean-François Pillou, fondateur de CommentCaMarche et directeur délégué au développement numérique du groupe Figaro.

En savoir plus sur l'équipe CCM

Ajouter un commentaire

Commentaires

Commenter la réponse de Utilisateur anonyme