soucis affichage du site sur differents navigateurs

soucis affichage du site sur differents navigateurs - HTML/CSS - Programmation

Marsh Posté le 15-12-2008 à 18:46:19    

Bonjour,
 
Je viens de passer un aprèm à galèrer avec ça..
 
J'ai un site qui est tout "écrasé" dans fire fox mais par contre qui est nickel dans safari (les autres je ne sais pas, ai pas encore testé)
 
Afin de comprendre pourquoi et comment remèdier au problème. J'aimerais si possible que quelqu'un m'explique kesako??
 
Voici le code html de mon index :
 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>bla bla bla bla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
 <div id="main">
  <strong>You need to upgrade your Flash Player.</strong>
 </div>
 
 <script type="text/javascript">
  var so = new SWFObject("site_studio_memo_communication.swf", "sotester", "100%", "100%", "7", "#000000" );
  so.addParam("allowFullScreen", "true" );
  so.addParam("scale", "noscale" );
  so.addParam("menu", "false" );
  so.write("main" );
 </script>
</body>
</html>
 
 
 
et l'adresse du site:  
http://www.studiomemo.fr
merci de vos précieuses aides
 
 

Reply

Marsh Posté le 15-12-2008 à 18:46:19   

Reply

Marsh Posté le 15-12-2008 à 19:55:25    

C'est le gros problème des sites web.  
 
Les différents navigateurs interprètent le code différemment.  
 
Le plus simple, c'est encore de faire des vérifications par étape sur les navigateurs.
 
Mais souvent les ennuis viennent avec le positionnement des div et des propriétés CSS qui les accompagnent.

Reply

Marsh Posté le 15-12-2008 à 19:56:23    

commence par enlever ça :
<?xml version="1.0" encoding="UTF-8"?>

Reply

Marsh Posté le 15-12-2008 à 19:57:42    

Tu files à ton object une taille de 100%. Mais 100% de quoi ? Vu que les éléments n'ont pas de taille par défaut, ça sera tout écrasé. Faut définir une taille de 100% sur html, body et #main

Reply

Marsh Posté le 15-12-2008 à 20:02:06    

J'ai fais ton code source et voilà ce que j'ai  
http://darkrodspace.free.fr/test/index.html
 
^^

Reply

Marsh Posté le 16-12-2008 à 09:18:30    

commence par enlever ça :  
<?xml version="1.0" encoding="UTF-8"?>
 
Ok ça c'est fait..
 
Tu files à ton object une taille de 100%. Mais 100% de quoi ? Vu que les éléments n'ont pas de taille par défaut, ça sera tout écrasé. Faut définir une taille de 100% sur html, body et #main
 
 
Oui je pensai 100% de la fenètre navigateur..
 

Reply

Marsh Posté le 16-12-2008 à 09:43:48    

Je viens de remplacer l'ancien code en ajoutant des modifs au niveau de la taille et des 100%, mais toujours ce même soucis d'écrasement dans firefox :  
 
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.   <head>
  4.     <script type="text/javascript" src="swfobject.js"></script>
  5.   </head>
  6. <body>
  7. <div id="flashcontent">
  8. <object
  9.         classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
  10.         codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
  11.         width="1200" height="1000" id="Untitled-1" align="middle"
  12.       >
  13.         <param name="allowScriptAccess" value="sameDomain" />
  14.     <param name="movie" value="site_studio_memo_communication.swf" />
  15.           <param name="quality" value="high" />
  16.           <param name="bgcolor" value="#FFFFFF" /><param name="LOOP" value="false" />
  17.           <embed
  18.             type="application/x-shockwave-flash"
  19.             src="site_studio_memo_communication.swf"
  20.             style=""
  21.             id="sotester"
  22.             name="sotester"
  23.             quality="high"
  24.             bgcolor="#FF6600"
  25.             width="100%"
  26.             height="100%"
  27.             name="mymovie"
  28.             align="middle"
  29.             allowScriptAccess="sameDomain"
  30.             pluginspage="http://www.adobe.com/go/getflashplayer"
  31.             flashvars="flashVarText=ok ça marche bien"
  32.           />
  33.   </object>
  34. </div>
  35.  
  36.    <script type="text/javascript">
  37.     // <![CDATA[
  38.     var so = new SWFObject("site_studio_memo_communication.swf", "sotester", "100%", "100%", "7", "#FF6600" );
  39.     so.addVariable("flashVarText", "ok ça marche bien avec du js" );
  40.     so.write("flashcontent" );
  41.     // ]]>
  42.    </script>
  43. </body>
  44. </html>


 
Encore une petite aide?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed