Probleme de poistionement site et apparence

Probleme de poistionement site et apparence - HTML/CSS - Programmation

Marsh Posté le 07-09-2009 à 16:35:44    

Bonjour,  
 
Je connais deuja Doctissimo et je viens de decouvrir celui ci, deja que j'adore Docti   :love: , donc je me retrouve dans mon elements  :D  
 
Mon probleme actuel: J'ai mis hier mon site sur le web de mon propre ordi. Tout avait l'air parfait vu de mon laptop, cad centre et les bordures aux bonne limites. Mon site est presente comme tel:  
 
Background entier bleu + Cadre au centre dans lequel se trouve l'animation.  
 
Ce n'est pas vraiment un site mais une intro "Under Construction" qui annonce la venue prochaine du site. Cette intro provient d'un template tout fait, dont jai uniquement modifie les textes et integrer les deux photos incluses.  
 
Alors le probleme:  
 
1/ Ce matin, de l'ordi du bureau, le cadre nest pas vraiment centre. Horizontalement oui mais pas verticalement. et ceci differe d'un PC a un autre.  
 
2/ Une des images apparait jaune, alors qu'a l'origine elle est bleue et ceci (aussi) varie d'un PC a un autre. A a maison tout etait parfait. Je precise que cette image a ete travaille en vecteur ssur illustrator, puis converti en Jipeg.  
 
Quelqu'un y comprend klk chose? Merci a ceux qui prendront le temps de me lire et de m'aider. Pour le moment mon site est encore en ligne, mais si je n'arrive pas a vite regler le prob, je sera obligee de le retirer :-(  
 
Merci d'avance
 
Configuration: Windows Vista Internet

Reply

Marsh Posté le 07-09-2009 à 16:35:44   

Reply

Marsh Posté le 07-09-2009 à 16:37:56    

Je vous copie colle mon 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>- GRAPHIX - Under Construction</title>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
 background-color: #010149;
}
-->
</style></head>
 
<body bgcolor="#010149">
<div align="center">
  <table width="100%" height="auto" border="0">
    <tr>
      <td><div align="center">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="730" height="650" id="FlashID" title="Welcome to Graphix">
          <param name="movie" value="my ad.swf" />
          <param name="quality" value="high" />
          <param name="swfversion" value="6.0.65.0" />
          <!-- Cette balise <param> invite les utilisateurs de Flash Player en version 6.0 r65 et ultérieure à télécharger la version la plus récente de Flash Player. Supprimez-la si vous ne voulez pas que cette invite soit visible. -->
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <param name="SCALE" value="noborder" />
          <param name="wmode" value="transparent" />
          <param name="BGCOLOR" value="#191051" />
          <!-- La balise <object> suivante est destinée aux navigateurs autres qu'IE. Supprimez-la d'IE à l'aide d'IECC. -->
          <!--[if !IE]>-->
          <object data="my ad.swf" type="application/x-shockwave-flash" width="730" height="650">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="swfversion" value="6.0.65.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <param name="SCALE" value="noborder" />
            <param name="wmode" value="transparent" />
            <param name="BGCOLOR" value="#191051" />
            <!-- Le navigateur affichera le contenu alternatif suivant pour les utilisateurs d'un lecteur Flash de version 6.0 ou de versions plus anciennes. -->
            <div>
              <h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
            </div>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
        </object>
      </div></td>
    </tr>
  </table>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID" );
//-->
</script>
</body>
</html>

Reply

Marsh Posté le 07-09-2009 à 19:35:07    

Bonjour,
 
Tu as des risques d'obtenir des différences d'affichage :
-selon le navigateur que tu utilise (Internet Explorer, Firefox, Opéra...)
-La Version du navigateur
-Le système d'exploitation utilisé (Windows, Linux, Mac os) (différence de police)
-Et aussi de couleur suivant l'écran que tu utilise (un écran de pc non portable est généralement mieux calibré)
 
Essaie d'installer plusieurs navigateur différents sur ton pc et vérifier la mise en page avec (éventuellement des machines virtuelles pour essayer d'autres systèmes d'exploitation et navigateurs) pour arriver a un équilibre qui conviendra pour tous. C'est très chiant mais je pense pas qu'il y ai d'autres solutions (si ton code est juste bien sur!)


Message édité par bobby76 le 07-09-2009 à 19:35:20
Reply

Sujets relatifs:

Leave a Replay

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