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>

**jbtz64** · 26/02/2008, 10h28

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 ?

**SpaceFrog** · 26/02/2008, 10h32

d'où cela peut-il venir ?

de IE6 ?

**jbtz64** · 26/02/2008, 10h39

tu sous-entends que je devrais laisser tomber

**SpaceFrog** · 26/02/2008, 10h47

Code :

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

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

??

**jbtz64** · 26/02/2008, 11h40

j'avais essayé mais non même pas :-(

**jbtz64** · 26/02/2008, 12h09

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

**jbtz64** · 26/02/2008, 15h37

Code :

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

**d-Rek** · 27/02/2008, 19h52

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

offsetHeight sous ie6

JavaScript

Discussions similaires

Partager

Partager