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

Décembre 2016

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%}

A voir également :

Ce document intitulé «  Définir une hauteur verticale et relative à un élément  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.