problème de positionnement d'images

Marsh Posté le 08-08-2006 à 12:31:51

Bonjour,

j'ai un problème pour positionner deux images cote a cote en css. sur firefox les images se positionnent bien, alors que sur ie les images sont décalées vers la droite.
voici mon code:

<style type="text/css">
body {background-color:#4c4949; margin:0; text-align:center; padding:0; border:0;}
#bloc1 {width:800px ; height:600px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-image:url(accueil.jpg);
}

#galerie1 {margin-left:50px; margin-top: 200px; float:left; }
#galerie2 {margin-left:50px; margin-top: 200px; float:left;}
a img{ border:0;}
</style>

<body>
<div><img src="titremarche.jpg"></div>
<div id="bloc1">

<div id="galerie1"><a href="marche.html"><img src="avant.jpg"></a></div>
<div id="galerie2"><a href="marche2.html"><img src="pendant2.jpg"></a></div>

</div>

</body>
</html>

merci pour votre aide

Marsh Posté le 08-08-2006 à 12:31:51

Marsh Posté le 08-08-2006 à 12:48:41

Hello,

c'est du à un bug d'IE qui double la marge du premier élément flottant. Il peut être contourné en ajoutant un display:inline

Marsh Posté le 08-08-2006 à 12:50:36

c est le bug de la double marge d ie
il faut rajouter display:inline; dans ton a img

edit : [:benou_grilled]

Message édité par mIRROR le 08-08-2006 à 12:51:19

Marsh Posté le 08-08-2006 à 13:10:29

merci pour votre aide, ca marche! mais par contre je l'ai mis dans #galerie1 car dans a img ça ne marche pas!!

Sujets relatifs:

Leave a Replay

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

Name *

Email *

URL

Message *