Bonjour à tous,

J'essaie de faire un site avec une superbe function que j'ai trouvée et qui me permet de faire la mise en forme que je veux... J'ai énormément cherché pour obtenir cette function, parce que ma mise en forme est impossible sans! Regardez dans mon site, c'est la function chk

Mais quand je mets un DOCTYPE à mon site, n'importe lequel, ça annule cette function!

Quelqu'un peut m'aider?

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
 
<!-- saved from url=(0014)about:internet -->
 
<HTML>
<HEAD>
<TITLE>Mon site</TITLE>
 
 
<script type="text/javascript">
 
function chk(){
my_div=document.getElementById("textecentre")
top_space=document.getElementById("textecentre").offsetTop
bottom_space=4
my_div.style.height=document.documentElement.clientHeight-top_space-bottom_space
}
 
onresize=chk
 
</script>
 
 
<style type="text/css">
html           {height:100%;}
body           {text-align:center; height:100%;}
#overall       {margin:auto; width:990px; position:relative; height:100%; background-color:#6699CC;}
#textecentre   {position:absolute; top:10px; right:260px; width:450px; height:auto; background-color:#99CCFF; overflow:auto;}
#footer        {width:990px; height:68px; margin:auto; background-color:#006699;}
</style>
 
 
</HEAD>
 
<BODY onload="chk();">
 
 
<div id="overall">
 
<div id="textecentre">
 
<div id="IDpres"><pre>
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
 
présentation
</pre></div>
 
</div>
 
</div>
 
<div id="footer">
</div>
</BODY>
</HTML>
Mise à jour : Il y a pas mal de problèmes postés sur des forums concernant le document.body.clientHeight qui ne fonctionne pas sous IE. Mais contrairement à moi, tout le monde semble avoir merveilleusement réglé le problème en remplaçant ça par document.documentElement.clientHeight... je poursuis donc mes recherches et je le remplace dans mon code, pour que si quelqu'un trouve la solution ça soit susceptible de marcher. Du coup, mon message devrait probablement être déplacé dans le forum de javascript, je suis désolé je ne pouvais pas le savoir avant ces nombreuses heures de recherche.