Aller au contenu

Doctype (n'importe lequel) annule ma fonction


Znojmo

Sujets conseillés

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 fonction, parce que ma mise en forme est impossible sans! Regardez dans mon site, c'est la fonction chk

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

Quelqu'un peut m'aider?

<!-- 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").offsetTopbottom_space=4my_div.style.height=document.body.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ésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentationprésentation</pre></div></div></div><div id="footer"></div></BODY></HTML>
Modifié par Znojmo
Lien vers le commentaire
Partager sur d’autres sites

Posté (modifié)

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 voudrais bien le remplacer dans mon code, pour que si quelqu'un trouve la solution ça soit susceptible de marcher, mais je crois que je ne peux plus éditer mon message parce que je l'ai édité une fois.


Modifié par Znojmo
Lien vers le commentaire
Partager sur d’autres sites

Finalement j'ai réglé ça, voici mon code :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<script type="text/javascript" language="Javascript">

function chk(){
my_div=document.getElementById("textecentre")
my_div.style.height=document.documentElement.clientHeight-236 + "px"
}

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:210px; right:260px; width:450px; height:auto; margin:1% auto 0; 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>

Et en prime, une programmeuse me donne sur un autre forum une solution sans JavaScript! :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mon site</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />


<style type="text/css">
html,body {height:100%;margin:0;padding:0;}
#overall {margin:auto; width:990px; position:relative; height:100%; background-color:#6699CC;}
#textecentre {position:absolute; top:210px; bottom:0px; right:260px; width:450px; background-color:#99CCFF; overflow:auto;}
#footer {width:990px; height:68px; margin:auto; background-color:#006699;}
</style>


</head>

<body>


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

Ça fait des jours que j'essayais de régler ma fonction JavaScript...


Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...