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

1px de décalage, ça me rend fou! - HTML/CSS - Programmation

Marsh Posté le 02-06-2011 à 00:06:33    

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>
  12. <div id="banniereplus"></div>
  13. </div>
  14. ..........


 
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. }
  11. #wrapper {
  12. width:1000px;
  13. margin-left:auto;
  14. margin-right:auto;
  15. padding:0;
  16. background:url(/images/bkp.png);
  17. height:900px;
  18. }
  20. #banniere {
  21. float:left;
  22. background:url(/images/ban.jpg);
  23. width:960px;
  24. height:150px;
  25. margin:10px 20px 0;
  26. padding:0;
  27. z-index:10;
  28. }
  30. #banniereplus {
  31. float:left;
  32. background:url(/images/menu.png);
  33. width:980px;
  34. height:160px;
  35. padding:0;
  36. margin:-45px 0 0 -10px;
  37. z-index:12;
  38. }


 
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
Reply

Marsh Posté le 02-06-2011 à 00:06:33   

Reply

Marsh Posté le 02-06-2011 à 14:24:20    

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

Reply

Marsh Posté le 20-10-2011 à 20:52:49    

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

Reply

Marsh Posté le 20-10-2011 à 21:48:30    

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
Reply

Sujets relatifs:

Leave a Replay

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