coller une img à un div en css: impossible?
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.
