décalage CSS sous IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : décalage CSS sous IE

nero27

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

Publicité

ClD

Mon mononyme : C!d

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

nero27

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:

ClD

Mon mononyme : C!d

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

nero27

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

FORUM HardWare.fr

Programmation

HTML/CSS

décalage CSS sous IE

Sujets relatifs
Probleme CSS avec IE : boite à bords arrondis	[RESOLU] [débutant] CSS - comment centrer une DIV?
[Résolu] Texte dépasse le cadre des cellules (CSS 2)	[JS/DOM] Bug sous IE, l'image se s'affiche pas ! [RESOLU]
Problème de décalage sur une page	Soulignement en pointillé avec les CSS
Mise en page via CSS (@page ?)	[CSS] Les DIV pas en harmonie verticale
[CSS] Annuler un float...	J'ai un problème avec mes feuilles de Style (CSS) !
Plus de sujets relatifs à : décalage CSS sous IE

Page générée en 0.047 secondes