28172 sujets

CSS et mise en forme, CSS3

Bonjour TLM !

J'ai constaté un truc étrange sur les boites ".box" contenant des images et du texte, et cela sur IE 6 & 7 : il y a une marge en trop en dessous de l'image flottant dans le conteneur .box.

En bidouillant les styles je me suis rendu compte que cette marge vient de la balise <p> alors même qu'elle se situe au dessus de l'image.

Résultat des courses : un espace dans la partie inférieure du conteneur, inexistant dans FF et safari.

http://goirand.christophe.free.fr/extra/fonds-d-ecran.php/


<div class="box">
	<img src="/images/preview/nonore.png" alt="" />
	<div class="smallBox">
		<p><a href="...">1280x854</a></p>
	</div>
	<p>blabla</p>
</div>



.box {
line-height: 1.2em;
float: left;
width: 100%;
max-width: 419px;
margin: 8px 9px 0 0;
padding: 6px 2px 0 0;
border: 1px solid #137e78;
}


Vous connaissez ce bug ?
Modifié par ChrisG (22 Sep 2008 - 01:22)