[DynamicHeight] gestion de la Hauteur dynamique dans un div

**alavoler** · 29/09/2008, 17h49

Bonsoir,

je suis pas sur que ce soit une question 100% javascript.... mais bon je me lance

Est ce que c est possible de faire une gestion dynamique de la hauteur dans un div, comme la hauteur ?

le width: 100% marche au poil, mais le height: 100% m'affiche pas une page complète...

quelqu un sait expliquer pourquoi ? et résoudre ce phénomène ?

merci bien !

**E.Bzz** · 29/09/2008, 18h05

Bonjour,
tu as essayé de ne pas définir la hauteur ?
Elle devrait s'adapter au contenu (sauf si elle est bridée par un parent ...)

EDIT : le height:100% sous entend "100% de l'élément parent", donc si le parent est <body> ou si sa hauteur n'est pas définie non plus, cette propriété n'est pas prise en compte.

A+

**alavoler** · 30/09/2008, 09h12

merci d'avoir lue ma réponse !

</head>
<body onload="load()" onunload="GUnload()">
<div id="my_div" style="left: auto; top: auto; overflow: visible; width: 100%; border:solid 1px black;">
</div>

pas mieux ça me fait un truc minuscule... de 3cm

**Bovino** · 30/09/2008, 09h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="my_div" style="...; height: 400px; border:solid 1px black;">

le width: 100% marche au poil, mais le height: 100% m'affiche pas une page complète...

Height 400px ou 100% ???

**le_chomeur** · 30/09/2008, 09h29

sinon question peut-être bète , mais au final tu veux arriver a quoi ?

**alavoler** · 30/09/2008, 11h05

Envoyé par Bovino

Height 400px ou 100% ???

moi jsuis obligé de le mettre en dure pour le moment car que ce soit pas présent ou à 100% ca me fait un truc moche tout petit en full page

**alavoler** · 30/09/2008, 11h06

Envoyé par le_chomeur

sinon question peut-être bète , mais au final tu veux arriver a quoi ?

au final je veux que mon div soit dynamique en fonction de la taille du navigateur

je pense que ca a un sens non ?...

par exemplela largeur est dynamique avec 100%, ba j aimerais la meme chose du coté hauteur !

**le_chomeur** · 30/09/2008, 11h13

dans ce cas la je partirais plutôt sur du javascript avec une méthode sur le load + méthode sur le onresize

**alavoler** · 01/10/2008, 11h44

ok résolu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml" style="height:100%">
<head>

[DynamicHeight] gestion de la Hauteur dynamique dans un div

JavaScript

Discussions similaires

Partager

Partager