18068 sujets

Questions générales et questions de débutants

Problème avec Internet Explorer 5 sur mac

Bonjour,

Je développe un site et j'aimerai bien qu'il marche avec tous les explorateurs, evidemment. Or je rencontre pas de mal de problèmes avec IE5 sur mac, en partie résolus. De plus, je n'ai pas de mac ce qui ne facilite rien pour les tests.

L'idée de ma page est d'avoir un diaporama d'images et de textes qui défilent. Les textes sont lus par php dans des fichiers. Les images et les textes doivent pouvoir être updatés par une autre interface (je n'ai pas utilisé de base de données et c'est donc ce que j'ai trouvé de mieux). Le tout doit être centré au milieu de la page (verticalement et horizontalement).

Pour découper les problèmes, j'ai en fait 2 fois chaque page de mon site : une pour IE et une pour les autres explorateurs. Un script dans le dossier racine test l'explorateur et envoie sur la bonne page (ce n'est peut-être pas le plus élégant mais bon).

La page en question (à ne visualiser qu'avec IE) est ici : http://perso.enst.fr/~letailli/IE/packaging.php

Et voilà le code :


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Bleu Absolu - Packaging</title>
<style type="text/css">
<!--


#Fond {
	position:fixed !important;
	position:absolute;  
	width:660px;
	height:480px;
	z-index:1;
	top: 50%;
	left: 50%;
	margin-left: -330px;
	margin-top: -240px;
	visibility: visible;
}
#diapo {
	position:fixed !important;
	position:absolute; 
	width:660px;
	height:276px;
	z-index:7;
	margin-top: -179px;
	margin-left: -330px;
	top: 5>0;
	left: 50%;
	top: 50%;
	line-height: 0cm;
	visibility: visible;
}
#bouton {
	position:fixed !important;
	position:absolute; 
	width:660px;
	height:120px;
	z-index:3;
	left: 50%;
	top: 50%;
	margin-top: 97px;
	margin-left: -330px;
	visibility: visible;
}
.Style2 {
	font-family: Frutiger65, Arial;
	color: #FFFFFF;
	font-size: 11px;
}
#texte {
	position:fixed !important;
	position:absolute;  
	width:650px;
	height:18px;
	z-index:8;
	left: 50%;
	top: 50%;
	visibility: visible;
	margin-top: -195px;
	margin-left: -330px;
	color: #000000;
}

-->
</style>
<HEAD>
</HEAD>

<?php
$legende1=stripslashes(file_get_contents("../Packaging/packaging1.txt"));
$legende2=stripslashes(file_get_contents("../Packaging/packaging2.txt"));
$legende3=stripslashes(file_get_contents("../Packaging/packaging3.txt"));
$legende4=stripslashes(file_get_contents("../Packaging/packaging4.txt"));
$legende5=stripslashes(file_get_contents("../Packaging/packaging5.txt"));
$legende6=stripslashes(file_get_contents("../Packaging/packaging6.txt"));
$legende7=stripslashes(file_get_contents("../Packaging/packaging7.txt"));
$legende8=stripslashes(file_get_contents("../Packaging/packaging8.txt"));
$legende9=stripslashes(file_get_contents("../Packaging/packaging9.txt"));
$legende10=stripslashes(file_get_contents("../Packaging/packaging10.txt"));
$legende11=stripslashes(file_get_contents("../Packaging/packaging11.txt"));
$legende12=stripslashes(file_get_contents("../Packaging/packaging12.txt"));
$legende13=stripslashes(file_get_contents("../Packaging/packaging13.txt"));
$legende14=stripslashes(file_get_contents("../Packaging/packaging14.txt"));
$legende15=stripslashes(file_get_contents("../Packaging/packaging15.txt"));

echo "<SCRIPT language='JavaScript'>\n";
echo "<!--\n";
echo "tps=2000;\n";

echo "function debut()\n
{
    switch1_image();\n
    setTimeout('switch1_texte()',500);\n
}\n";

echo "function switch1_image()\n
{
 
    document.getElementById('Image').src='../Packaging/image1.jpg';\n
    setTimeout('switch2_image()',tps);\n
 }\n";

echo "function switch2_image()\n
{
    document.getElementById('Image').src='../Packaging/image2.jpg';\n
    setTimeout('switch1_image()',tps);\n
}\n";

echo "function switch1_texte()\n
{
    document.getElementById('contenu').innerHTML='".$legende1."';\n
    setTimeout('switch2_texte()',tps);\n
 }\n";

echo "function switch2_texte()\n
{
    document.getElementById('contenu').innerHTML='".$legende2."';\n
    setTimeout('switch1_texte()',tps);\n
}\n";

echo "//-->\n";
echo "</SCRIPT>\n";

echo "<body onload='debut()'>\n";

?>

<div id="bouton">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="660" height="144">
    <param name="movie" value="../barre_packaging_french.swf" />
    <param name="quality" value="high" />
    <param name="LOOP" value="false" />
    <embed src="../barre_packaging_french.swf" width="660" height="144" loop="false" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
  </object>
</div>
<div id="diapo" style="height: 230px;">
  <p align="right"><img src='../Packaging/image1.jpg' name="Image"  width="660" height="276" id="Image" /></p>
</div>
<p>&nbsp;</p>
<div id="Fond"><img src="../background.jpg" width="660" height="480" /></div>
<div id="texte"> 
  <div align="right"><?php stripslashes(file_get_contents("../Packaging/packaging1.txt")) ?><span class="Style2">
<div id="contenu">
</div></span></div>
</div>
</body>
</html>


Le problème est que pour le moment rien ne défile (enfin je crois puisque c'est juste ce qu'on m'a dit) et je pense que c'est parce que la fonction
document.getElementById() n'arrive pas à lire la variable renvoyée par php.

J'espère que j'ai donné assez d'infos et que quelqu'un va pourvoir m'aider. Merci d'avance
moi pour ce qui est spécifique à IE mac, dans mon CSS j'utilise cette syntaxe :

*>html


par ex :


.machin {float: left;}

*>html .machin {float: none;}


dans le cas où float: left pose problème à IE mac...
Merci pour les infos mais je crois que je vais avoir du mal à expliquer à des gens qui n'utilisent que ça, que ça n'existe plus...
Sujet clos
Aller à