11548 sujets

JavaScript, DOM et API Web HTML5

CSS + javascript incompatible MAC

Bonjour.
Voilà j'ai un petit problème avec un Javascript qui ne fonctionne pas sous Mac.
J'ai donc un bloc de ID "FOOTER", et je veux pourvoir le déplacer au chargement de la page. J'utilise donc le script suivant :


window.onload=function(){
  if (document.getElementById){
	  document.getElementById("FOOTER").style.bottom="0px";
	}
	else if (document.all){
      document.all.FOOTER.style.bottom="1px";
	   document.all.FOOTER.style.bottom="0px";	
	   document.all["FOOTER"].style.bottom="0px";
	}
	else if (document.layers){
  	document.layers["FOOTER"].style.bottom="0px";
  	
	}

}

Ca marche parfaitement sous IE, FF et OPERA windows, mais apparemment ça ne marche pas sous MAC (c'est ce qu'on me rapporte car je n'ai pas de MAC pour tester).
Quelqu'un aurrait-il une solution?

Merci d'avance. Smiley cligne
Bonjour ChrisG.
Merci de t'intéresser à mon problème.
Le bug apparrait sous Safari et IE pour Mac OS X.
En fait, il surgissait aussi sous FF mais mon javascript arrive à le corriger. Je ne peux pas te montrer la page exacte (donnée confidentielle pour le moment), mais je vais te préparer un code source type.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div id="BODYBOX"> 
  <div id="HEADER"></div>
  <div id=PAGE> mon contenu </div>
</div>
<div id="FOOTER"> 
  <div id="footer_inner"> mon footer </div>
</div>
</body>
</html>


avec FOOTER en position:absolute
ah tu vas etre content:
j'ai reussi a faire ce que tu voulais on faisant simplement cela (testé sur safari & camino):



window.onload=function(){

  if (document.getElementById){
          document.getElementById("FOOTER").style.position="absolute";
	  document.getElementById("FOOTER").style.bottom="0px";
	}
}


a peluche Smiley biggrin
Sujet clos
Aller à