offsetHeight sous ie6

Version imprimable

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

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.

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

Code:

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();
}

25/02/2008, 19h33
jbtz64

re :

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 ;)

Si hautDiv-260<0 alors plouf..

Code:

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>

26/02/2008, 10h28
jbtz64

merci mais ....

merci d'avoir nettoyé mon code, mais j'ai tjs le même problème.
pas de pbs sur énormement de navigateurs sauf IE6.
d'où cela peut-il venir ?
26/02/2008, 10h32
SpaceFrog

Citation:

d'où cela peut-il venir ?

de IE6 ? :aie:
26/02/2008, 10h39
jbtz64

re:

tu sous-entends que je devrais laisser tomber :lol:
26/02/2008, 10h47
SpaceFrog

Code:

milieuElement.style.height = (heightPage>0)?heightPage+"px":0;

??
26/02/2008, 11h40
jbtz64

re:

j'avais essayé mais non même pas :-(
26/02/2008, 12h09
jbtz64

petit à petit

l'erreur sous IE6 est la suivante :

ligne : 401
Car : 2
Erreur : 'null' a la valeur Null ou n'est pas un object
Code : 0
URL : http://s149163971.onlinehome.fr/site...opyofdiary.php

solution

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function $(id){return document.getElementById(id);}
function setTaillePage(){
	var hautDiv = $('page').offsetHeight;
	var milieudroit = $('milieudroit').offsetHeight;
	var heightPage = Number(hautDiv-260);
	var milieuElement = $('milieu');
	var milieumilieuElement = $('milieumilieu');
	if (heightPage - milieudroit >= 0) {
		milieuElement.style.height = heightPage + 'px';
		milieumilieuElement.style.height = heightPage + 'px';
			}
	else {
		milieuElement.style.height = milieudroit + 'px';
		milieumilieuElement.style.height = milieudroit + 'px';
			}	
}
window.onload = function() {
	setTaillePage();
}

merci pour vos aides

27/02/2008, 19h52
d-Rek

Le px encombrant est pas utile vu que j'ai déclaré ma doctype.
Cette dernière est précisément idéale quand on lit une propriété.. car elle est retournée sans les px et donc utilisable sous forme d'int et non de chaine.
Bref.

SpaceFrog, je te passe la main. Le code que j'ai posté marche chez moi.
En même temps, j'ai IE7