décalage CSS sous IE

Marsh Posté le 30-05-2006 à 18:21:14

Bonjour,

J'utilise 2 blocs imbriqués en position absolute afin d'agencer des images dans un cadre et simuler l'agencement d'ustensiles dans une cage.

Voilà le code (qui vous en dira sûrement plus que 10 lignes de blabla) :

Code :

<style>
.cage {
width:250px;
height:100px
border: 1px solid #663300;
background-color: #FFFFFF;
}
</style>
<div class="cage">
<div style="position:absolute;left:auto">
<img src='images/mouche4.gif' border='0' style='position:absolute; left:0; top:0;'>
<img src='images/gamellev.gif' border='0' style='position:absolute; left:120px; top:77px;'>
<img src='images/abreuvoirv.gif' border='0' style='position:absolute; left:-26px; top:15px;'>
<img src='images/abri2.gif' border='0' style='position:absolute; left:15px; top:60px;'>
<img src='images/roue2.gif' border='0' style='position:absolute; left:200px; top:50px;'>
</div>
</div>

Le résultat voulu est bien obtenu sous FireFox :

Alors que tout le contenu se trouve décalé sous IE (6 et 7) :

Savez-vous d'où cela peut-il venir ?
Bug d'IE ?
Un remède ?

Merci d'avance :jap:

Message édité par nero27 le 30-05-2006 à 18:22:32

Reply

Marsh Posté le 30-05-2006 à 18:21:14

Reply

Marsh Posté le 30-05-2006 à 20:38:28

je suis pas sûr que ça soit ça mais essais de rajouter la ligne

Code :

position:relative;

dans le CSS de cage, pour voir si ça change quelque chose

si non ça vient de IE, dés qu'on positionne quelque chose en absolu ça provoque des bugs :cry:

---------------
NOUVEAU!! Février 2024 : j'ai créé un nouveau jeu en ligne : https://www.boblybots.com

Reply

Marsh Posté le 30-05-2006 à 22:27:07

Ca ne fonctionne pas non plus en rajoutant position:relative

Je vais encore devoir bidouiller parce qu'IE ne sait pas respecter les normes :pfff:

Reply

Marsh Posté le 30-05-2006 à 23:11:08

peut-être en enlevant le DIV qui contient les images :

Code :

<div style="position:absolute;left:auto">...</div>

et en laissant le position:relative; dans le style de .cage

(et n'oublis pas de mettre un point virgule à la fin de chaque ligne dans ta feuille de style)

---------------
NOUVEAU!! Février 2024 : j'ai créé un nouveau jeu en ligne : https://www.boblybots.com

Reply

Marsh Posté le 31-05-2006 à 09:18:03

En effet, en enlevant cette balise ça fonctionne

Par contre, il reste un petit décalage de 1px environ vers le bas et la droite

Reply

décalage CSS sous IE

Sujets relatifs:

Leave a Replay