Jump to content

Doctype (n'importe lequel) annule ma fonction

Znojmo

By Znojmo
in AjaX et JavaScript

 Share

Recommended Posts

Znojmo

Znojmo

Posted
Posted (edited)

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>
Edited by Znojmo
Link to comment
Share on other sites
Znojmo

Znojmo

Posted
  • Author
Posted (edited)

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.


Edited by Znojmo
Link to comment
Share on other sites
Znojmo

Znojmo

Posted
  • Author
Posted

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


Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Go to topic listing
×
×
  • Create New...