Aller au contenu

Doctype (n'importe lequel) annule ma fonction

Znojmo

Par Znojmo
dans AjaX et JavaScript

 Partager

Sujets conseillés

Znojmo

Znojmo

Posté
Posté (modifié)

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
Znojmo

Znojmo

Posté
  • Auteur
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
Znojmo

Znojmo

Posté
  • Auteur
Posté

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


Veuillez vous connecter pour commenter

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



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...