[Débutant] Donner à un DIV la même hauteur qu'un autre DIV
Bonjour,
Bon, je reprends complètement les données de mon petit problème du moment, en simplifiant au maximum, pour plus de compréhension !
Voilà ce qui se passe: J'ai un programme (ci-dessous) et j'aimerais pouvoir faire en sorte que le div de class "example" récupère la hauteur (height) du div de class "resize" (-> 130px au lieu de 70px).
A ce propos, j'ai trouvé sur la page de ce site le code suivant:
Code:
1 2 3
| <script type="text/javascript">
document.getElementById("b").style.width = document.getElementById("a").style.width;
</script> |
que j'ai adapté à mon code -> Voilà ce que ça donne:
Code HTML:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| <html>
<head>
<title>Essai</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
document.getElementById("div.example").style.height = document.getElementById("div.resize").style.height;
</script>
</head>
<body bgcolor="#FFFFFF">
<div id="resize" style="position:absolute; width:175px; height:130px; z-index:1; left: 200px; top: 150px; border-style: solid">
<span>Bla bla bla...</span>
</div>
<div id="example" style="position:absolute; width:175px; height:70px; z-index:1; left: 500px; top: 150px; border-style: solid">
<span>Re-Bla bla bla...</span>
</div>
</body>
</html> |
Pour l'instant, voici ce que ça donne -> le code javascript ne change pas le height comme prévu -> Quelque chose m'échappe et, comme je débute en la matière, je ne sais vraiment pas ce que c'est !
:fleche: Est-ce que quelqu'un aurait quelque suggestion, SVP ?
Par avance Merci ! :)