[DynamicHeight] gestion de la Hauteur dynamique dans un div

Version imprimable

29/09/2008, 17h49
alavoler

[DynamicHeight] gestion de la Hauteur dynamique dans un div

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 ?

Citation:

<div id="my_div" style="left: auto; top: auto; position: static; overflow: visible; width: 100%; height: 400px; border:solid 1px black;">

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 !
29/09/2008, 18h05
E.Bzz

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+
30/09/2008, 09h12
alavoler

merci d'avoir lue ma réponse !

Citation:

</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
30/09/2008, 09h22
Bovino

Citation:

Code:

<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% ???
30/09/2008, 09h29
le_chomeur

sinon question peut-être bète , mais au final tu veux arriver a quoi ?
30/09/2008, 11h05
alavoler

Citation:

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
30/09/2008, 11h06
alavoler

Citation:

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 ! :)
30/09/2008, 11h13
le_chomeur

dans ce cas la je partirais plutôt sur du javascript avec une méthode sur le load + méthode sur le onresize :)
01/10/2008, 11h44
alavoler

ok résolu:

Citation:

<!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>

Citation:

<body onload="load()" onunload="GUnload()" style="height:100%;margin:0">
<div id="my_div" style="width: 100%; height:100%;">