Les Allergies
Alimentaires

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

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%}
Publié par Ssylvainsab - Dernière mise à jour le 16 novembre 2009 à 19:38 par marlalapocket
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.
Suggestions
  •  Définir une hauteur verticale et relative à un élément
  •  Css : taille de la page ? (Résolu) » Meilleure réponse: bg62 : essaye ceci dans ta feuille de style : body { position: absolute; width: 900px; }
  •  Div et css centrer txt verticalement (Résolu) » Meilleure réponse: Perso je ferai comme ci-dessous, les table c'est pour les tableaux :) pas pour les menu. J'ai mit un contour gris autour de la div juste pour que tu vois que le texte est centré dedans. css : #nav { float: left; border: 1px solid #CCC
  •  Agrandir objet sketchup » Meilleure réponse: quand tu a télécharger ton image tu l importe sur sketchup puis tu selectionne l objet pour avoir un cube puis tu va dans tool ou tu séléctionne scale apres tu reclique sur ton cube et tu verra aparaitre plein de petit cube jaune tu cli
  •  Excel ajustement auto taille de la cellule » Meilleure réponse: Ah si regardes sous excel : Sélectionnes les cellules à ajuster donc la page même si les cellules sont encore vide ou quand c'est remplit, Clic sur format, colonne, ajustement auto!! Dis moi si tu as trouvé!!
  •  Excel - Modification de la hauteur des lignes » Articles : Modification de la hauteur des lignes et de la largeur des colonnes Avec Excel, les cellules d'une nouvelle feuille de calcul utilisent par défaut le format Standard. Excel ajuste automatiquement la largeur de colonne afin d'afficher les nombres...
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?
Webmaster - Adapter un site à toutes les résolutions, le centre
Différence entre display:none et visibility:hidden