coller une img à un div en css: impossible?

**Martyin** · 11/12/2004, 09h19

Bonjour,

Je viens de me décider pour faire mon premier site "tout en css" tout en sachant à quels risques de compatibilité entre navigateurs et d'interpétration hasardeuses de code auxquelles IE se rend souvent coupable.

Mais quel ne fut pas ma surprise lors de ma première utilisation d'un simple "float:left" puor coller une images à coller d'un div. En pratique:

j'ai div possédant un background-image avec un float-left:
".divx {
background-image: url('...');
width: ...px;
float: left;}"

auquel je souhaite coller une simple image à droite de ce div.
<img src="..." alt="...">

Pb: sous mozilla et opéra, tout va bien avec le float:left les deux images sont collées et à l'écran on a l'impression de ne voir qu'un seul graphisme. Mais voilà sous ie6, se crée un espace de 2/3 pixels entres le deux images (en fait le div composé d'une image en fond et la balise <img> qui le suit à droite), et cela même en mettant tous les paddings et margins à 0px... en fait j'ai tout essayer, entre autre de tester ce simple "collage" dans un document vierge avec simplement le code css et html concerné. Impossible, ie6 laisse toujours un espace....

Cela me gêne beaucoups car j'ai souvent besoin de coller des images et des fonds composés d'images entre eux. En fait dès que l'on intègre un graphisme un peu complexe dans un document html...

Donc je voulais avoir confirmation de ce bug , si il y a des moyens de le contourner ou faut-il dans ce genre de stiutation, revenir à ces bonnes vieilles cellules de tableaux html tout simple à utiliser.

Merci d'avance pour vos conseils,
Martin.

**javatwister** · 11/12/2004, 10h50

salut

les border sont aussi à 0?

**Martyin** · 11/12/2004, 15h31

oui j'ai mis les bodures à 0... enfait j'ai vraiment tou essayé dans la simplicité la plus cru, c-à-d juste mon div avec son img en background et l'autre image à côté: il y a toujours un écart irrépressible de 3 px...

car si je mets un margin-left de - 3px, là mon image vient vraiment se coller à mon div et à l'autre image en background. Ce qui laisse supposer que ces la marges qui posent pbs. Et la solution exposer ci-dessus n'est pas valable car dans ce cas c'est mozilla qui est faussement décalé.

on pourrait faire une spécification spéciale pour ie6... à ce propos justement est-ce qu'il existe donc un filtre pemettant de mettre une règle que pour ie6 et ses petits frères et pas pour opéra et mozilla....