Créer une div en absolu ? Ca craint sous IE7

Créer une div en absolu ? Ca craint sous IE7 - HTML/CSS - Programmation

Marsh Posté le 16-01-2010 à 17:51:31    

Salut à vous.
 
 
J'ai un fond d'image en en-tête, et je veux placer en superposition une petite image qui s' "assoit" sur cet en-tête mais aussi un peu sur le menu en dessous. Cette image (imagette1) fait 283 pixels de large et 32 de haut.
Je veux la placer à 115 pixels du haut et 60 pixels de la gauche.
 
En plus simple : je crée une div en position absolue...
 
 
Ca se code ainsi :
 

Code :
  1. CSS :
  2. #imagette1 {
  3. position:absolute;
  4. width:283px;
  5. height:32px;
  6. z-index:1;
  7. left: 60px;
  8. top: 115px;
  9. }
  10. HTML :
  11. <div id="imagette1"><img src="images/imagette1.gif" width="283" height="32"></div>


 
 
 
Au final rien à faire :  
 
- Sous Firefox c'est ok
- Sous IE7 c'est systématiquement décalé d'une 20aine de pixels vers la gauche. (Donc nul)
 
Le code est ok dans les sources des 2 nav.
 
 
 
Et ca se passe qq soit la div en position absolue que je crée, où que je la place, et qq soit la page créée : toujours ce décalage de 20 pixels à gauche... C'est systématique.
 
 
Avez-vous vous aussi remarqué ça ?  Quelle est la raison, et y a-t-il un remède :/ ?


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 16-01-2010 à 17:51:31   

Reply

Marsh Posté le 16-01-2010 à 19:03:58    

J'ai des soucis de décalages aussi sous IE7 qui n'a pas l'air tout a fait aux normes W3C d'aprés ce que j'ai lu... Prend plutôt IE8 pour vérifier l'affichage.
Possible aussi que IE7 gére mal le placement des élément avec "top "left"... essaye peut être les margin et padding

Reply

Marsh Posté le 19-01-2010 à 13:48:52    


Merci pour la réponse. Je vais tester les margin dans l'après-midi... (Pour moi IE8 est trop lourd  :sweat: )


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Sujets relatifs:

Leave a Replay

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