Flux rss
Collection CommentÇaMarche.net

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

Bookmark Ajouter aux favoris / Partager
Dernière mise à jour le 2 février 2008 à 23:02 par Ssylvainsab
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%}
Javascript - Connaître la hauteur d'un élément HTML 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... www.commentcamarche.net/faq/sujet-11739-javascript-connaitre-la-hauteur-d-un-element-html
Javascript - Modifier la hauteur (height) d'un élément HTML 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... www.commentcamarche.net/faq/sujet-11740-javascript-modifier-la-hauteur-height-d-un-element-html
Modifier hauteur d'une balise table Bonjour, Est ce qu'il est possible dans une fonction de modifier la hauteur de cette balise ci dessous : J'aimerai lorsque j'appuie sur un bouton, agrandir la hauteur. Merci d'avance. www.commentcamarche.net/forum/affich-9892252-modifier-hauteur-d-une-balise-table
Contrôleur hôte USB à haut/bas débitLors de la connexion d'un périphérique USB 2.0, Windows affiche le message suivant : Installez un controleur hôte usb à haut débit ou bien Ce périphérique fonctionnera à vitesse réduite si vous n'avez pas de contrôleur haut débit installé sur votre... www.commentcamarche.net/faq/sujet-3891-controleur-hote-usb-a-haut-bas-debit
[Dico] Dictionnaires - Définitions - ExtensionsAlors que vous êtes en plein boulot sur votre computeur, n’avez-vous jamais eu besoin de la définition ou de l’orthographe d’un mot ? D’une explication ou de la traduction d’un terme informatique ? Et ces “.com”, ou “.bmp”, qu’est-ce que c’est que... www.commentcamarche.net/faq/sujet-2240-dico-dictionnaires-definitions-extensions
Javascript - Centrer verticalement une page webPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du fichier... www.commentcamarche.net/faq/sujet-9867-javascript-centrer-verticalement-une-page-web
Definir comme élément du bureauBonjour, je n'arrive pas a supprimer les images que l'on colle sur le bureau grace a "definir comme élément du bureau" Comment proceder pour les supprimer de mon bureau ce ne sont que des images ! ! Merci encore pour vos lumière, Cordialement , Le hasard www.commentcamarche.net/forum/affich-7434174-definir-comme-element-du-bureau
Images ultra haute définitionBonjour, Je vais vous expliquer ce que je souhaiterais réaliser. - Tout d'abord je cherche un site sur lequel on puisse télécharger des images en ultra haute définition (plus de 2560pixels...). Plus précisément des images de mangas. - Ma seconde... www.commentcamarche.net/forum/affich-9643164-images-ultra-haute-definition
Creer un pdf haute definition via illustratorBonjour, J'ai crée un flyer sur illustrator et je dois l'adresser en version PDF haute définition. Comment dois je faire ? Merci pour votre réponse www.commentcamarche.net/forum/affich-10426485-creer-un-pdf-haute-definition-via-illustrator
Télécharger Drivers Realtek High Definition Audio pour Vista/7Le 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 ... www.commentcamarche.net/telecharger/telecharger-34056542-drivers-realtek-high-definition-audio-pour-vista-7
Télécharger Drivers Realtek High Definition Audio pour 2000/XPLe pilote Realtek High Definition Audio pour Windows 2000/XP est compatible avec les chipsets audio suivants : Realtek ALC260 Realtek ALC262 Realtek ALC267 Realtek ALC268 Realtek ALC269 Realtek ALC272 Realtek ALC273 Realtek ALC275 Realtek... www.commentcamarche.net/telecharger/telecharger-34056608-drivers-realtek-high-definition-audio-pour-2000-xp
[Brève] Vidéo haute définition pour le bridge HX1 de SonySony commercialisera fin avril prochain son nouveau bridge, le Cyber-shot DSC-HX1. Cet appareil photo numérique, à la croisée du compact et du reflex, est doté d'un mode vidéo Haute Définition 1080p. Outre ce mode de prise de vue, le HX1 intègre... www.commentcamarche.net/actualites/breve-video-haute-definition-pour-le-bridge-hx1-de-sony-5848421-actualite.php3
Ouverture d'un dépôt vente en ligne de mobilier haut de gamme pour les chambres d'enfants(Paris - Relax news) - La Toile accueille le premier dépôt-vente spécialisé sur le mobilier haut de gamme pour les chambres d'enfants. Cote-enfants.com permet aux internautes de déposer à la vente du mobilier de marque de la chambre de leurs enfants... www.commentcamarche.net/actualites/ouverture-d-un-depot-vente-en-ligne-de-mobilier-haut-de-gamme-pour-les-chambres-d-enfants-5289416-actualite.php3
Des images très haute résolution pour Google Earth(Paris - Relax news) - La société américaine GeoEye a annoncé le succès du lancement et de la mise en orbite, samedi 6 septembre, de son satellite GeoEye-1. Ce dernier fournira en exclusivité des images très haute résolution au service de... www.commentcamarche.net/actualites/des-images-tres-haute-resolution-pour-google-earth-5847294-actualite.php3
Définition des besoins en terme de sécurité informatiquePhase 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... www.commentcamarche.net/contents/secu/securite-besoins.php3