offsetHeight sous ie6

**jbtz64** · 25/02/2008, 16h28

bonjour, est ce que quelqu'un pourrait me dire pourquoi mon code ne marche pas sous ie6.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function setTaillePage()
{
var hautDiv = document.getElementById('page').offsetHeight;
var heightPage = (hautDiv-260) ;
var milieuElement = document.getElementById('milieu');
	milieuElement.style.height = heightPage + 'px';
}
window.onload = function() {
	setTaillePage();
}

visible sur la page : http://s149163971.onlinehome.fr/site...pyofdiary.html

merci.

**SpaceFrog** · 25/02/2008, 16h35

As tu exploré ton code pour savoir ce que te retrournaient les différentes valeurs ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function setTaillePage()
{
var hautDiv = document.getElementById('page').offsetHeight;
alert(hautDiv);
var heightPage = (hautDiv-260) ;
alert(heightPage)
var milieuElement = document.getElementById('milieu');
	milieuElement.style.height = heightPage + 'px';
}
window.onload = function() {
	setTaillePage();
}

**jbtz64** · 25/02/2008, 19h33

bin oui, de plus il marche très bien sous firefox, ie7 et safari.
j'en ai pas testé plus.
je comprends vraiment pas ce qui marche pas.
si quelqu'un avait une piste ... je suis preneur

**d-Rek** · 25/02/2008, 20h02

Si hautDiv-260<0 alors plouf..

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
function setTaillePage(){
        var hautDiv = $('page').offsetHeight;
        var heightPage = Number(hautDiv-260);
        var milieuElement = $('milieu');
        milieuElement.style.height = (heightPage>0)?heightPage:0;
        $('debug').innerHTML=$('debug').innerHTML+'<br>hautDiv='+hautDiv+'<br>heightPage='+heightPage;
}
window.onload = function() {
        setTaillePage();
}
</script>
</head>
<body>
<div id="page" style="border:1px solid #FF0000; padding:10; height:500;">
	<div id="milieu" style="border:1px solid #FF0000; height:150;">Et quoniam apud eos ut in capite mundi morborum acerbitates celsius dominantur, ad quos vel sedandos omnis professio medendi torpescit, excogitatum</div>
</div>
<div id="debug"></div>
</body>
</html>