Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2199 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  1px de décalage, ça me rend fou!

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

1px de décalage, ça me rend fou!

n°2079982
bobby76
Posté le 02-06-2011 à 00:06:33  profilanswer
 

Bonjour,
 
J'ai un souci de décalage d'1 px sous windows seven (64bits) et firefox 4, sous chrome, safari, et IE je n'ai pas constaté ce problème, en win7 et XP...
 
Sous FF4 et Win7 64 :
http://www.alexis-coquerel.com/Capture.JPG
 
Sous FF4 et winXP :
http://www.alexis-coquerel.com/Capture2.JPG
 
voici le code html

Code :
  1. </head>
  2. <body>
  3. <div id="wrapper">
  4. <div id="banniere">
  5. <?php include($_SERVER["DOCUMENT_ROOT"].'/jch/menuall.html'); ?>
  6. <ul class="nav" id="lamp">
  7.  <li class="current"><a href="/index.php"><img src="/images/m1.png" onmouseover="src='/images/m1+.png'" onmouseout="src='/images/m1.png'" alt="Accueil" /></a></li>
  8.  <li class="menusep"></li>
  9.                 .............
  10. </ul>
  11. <div id="banniereplus"></div>
  12. </div>
  13. ..........


 
Et le css :

Code :
  1. body,html {
  2. background:#000 url(/images/bg.jpg) no-repeat top;
  3. text-align:justify;
  4. font:12px Arial, Helvetica, sans-serif;
  5. color:#fafafa;
  6. font-weight:100;
  7. margin:0 auto;
  8. width:auto;
  9. }
  10. #wrapper {
  11. width:1000px;
  12. margin-left:auto;
  13. margin-right:auto;
  14. padding:0;
  15. background:url(/images/bkp.png);
  16. height:900px;
  17. }
  18. #banniere {
  19. float:left;
  20. background:url(/images/ban.jpg);
  21. width:960px;
  22. height:150px;
  23. margin:10px 20px 0;
  24. padding:0;
  25. z-index:10;
  26. }
  27. #banniereplus {
  28. float:left;
  29. background:url(/images/menu.png);
  30. width:980px;
  31. height:160px;
  32. padding:0;
  33. margin:-45px 0 0 -10px;
  34. z-index:12;
  35. }


 
J'ai essayé pas mal de modifications, mais quand l'affichage et correct sous win7 et FF4, il ne l'est plus dans les autres configurations. Je n'avais pas ce problème sous firefox 3.
 
Savez vous d’où cela pourrait venir?
 
Merci pour votre aide.


Message édité par bobby76 le 02-06-2011 à 00:07:15

---------------
Photos Le Havre Urbex Architecture Nature
mood
Publicité
Posté le 02-06-2011 à 00:06:33  profilanswer
 

n°2080025
Skopos
Posté le 02-06-2011 à 14:24:20  profilanswer
 

Vu comme c'est quasiment invisible, y'a pas de quoi se mettre dans ces états :D

n°2107429
bobby76
Posté le 20-10-2011 à 20:52:49  profilanswer
 

On m'a apporté la solution!
 
C'est : body {line-height: 1.2;}
 
J’espère que ça servira à d'autres!

n°2107437
gatsu35
Blablaté par Harko
Posté le 20-10-2011 à 21:48:30  profilanswer
 

1.2 quoi ? patates ? choux ?  
tu ne dois surtout pas spécifier un line-height sans unités et surtout pas dans une unité fixe. Tu dois au moins mettre un line-height relatif au font-size. Donc line-height:1.1em serait un top :o


---------------
Blablaté par Harko

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  1px de décalage, ça me rend fou!

 

Sujets relatifs
Qu'est-ce qui rend le code "crushé" ?Problème de décalage et de compatibilité
Problème de décalage sur un wordpressBesoin d'aide : Pbl 1px de trop sous IE, parfait sous Firefox et Safar
decalage banniere entre FF et IEDécalage de l'heure en php par rapport au serveur
Site flash, décalage vers le bas sur serveurDécalage relou d'un pixel entre IE et Firefox
Tableau : Gros décalagePb de décalage de boutons lors de l'affichage d'une page sous PC...
Plus de sujets relatifs à : 1px de décalage, ça me rend fou!


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)