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

Dernière mise à jour le 16 novembre 2009 à 19:38 par marlalapocket
Publié par Ssylvainsab
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%}
Meilleures réponses pour « Définir une hauteur verticale et relative à un élément » dans :
Javascript - Modifier la hauteur (height) d'un élément HTML Voir Pour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Connaître la hauteur d'un élément HTML Voir Si vous souhaitez connaître la hauteur (height) d'un bloc HTML en javascript, il existe deux façons selon les navigateurs : element.offsetHeight element.style.pixelHeight Ainsi, le code suivant permet d'obtenir la hauteur d'un bloc HTML...
Positionner des éléments grâce aux CSS Voir Il est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
[IE 7 et 8] Modifier le moteur de recherche par défaut VoirPour Internet Explorer 7 Ouvrez Internet Explorer. Faites un clic sur la flèche dans la barre de recherche en haut à droite. Cliquez sur "Modifier les paramètres de recherche par défaut". Vous pouvez : Définir un moteur de recherche...
Utiliser le lecteur vidéo haute définition de Dailymotion VoirConcrètement, DailyMotion a lancé son lecteur vidéo HD, accessible à tous les utilisateurs. Dans un premier temps, les vidéos proposées dans ce format sont celles des MotionMakers, ainsi que celles des partenaires de contenu professionnel. Le...
Télécharger Drivers Realtek High Definition Audio pour Vista/7 VoirLe pilote Realtek High Definition Audio pour Windows Vista (et Windows 7) est compatible avec les chipsets audio suivants : Realtek ALC260 Realtek ALC262 Realtek ALC267 Realtek ALC268 Realtek ALC269 Realtek ALC272 Realtek ALC273 ...
Carte graphique VoirLes cartes graphiques accélératrices 2D La carte graphique (en anglais graphic adapter), parfois appelée carte vidéo ou accélérateur graphique, est l'élément de l'ordinateur chargé de convertir les données numériques à afficher en données graphiques...
L'interface HDMI VoirInterface HDMI HDMI (High Definition Multimedia Interface, traduisez interface multimédia haute définition) est une interface numérique permettant le transfert de données multimédia (audio et vidéo) non compressées en haute définition. Certains...
Définition des besoins en terme de sécurité informatique VoirPhase de définition La phase de définition des besoins en terme de sécurité est la première étape vers la mise en oeuvre d'une politique de sécurité. L'objectif consiste à déterminer les besoins de l'organisation en faisant un véritable état des...