display:block et bizarrerie de Firefox

[HP]

donc, j'ai une image que je veux centrer, j'utilise display:block avec un margin auto comme expliqué sur de nombreux sites dévolus au CSS :

Code : Tout sélectionner

div.thumb img {text-align: center; display:block; margin: 10px auto 10px auto}

hors il s'avère que cette image est un lien cliquable (une miniature dans une galerie)
et donc :

Code : Tout sélectionner

		<div class="thumb">
		 <a title="un titre" href="pic-id48.html"><img src="thumb-id48.jpg" alt="texte alternatif" title="" /></a>
		</div>

avec çà, Firefox me met en display:block toute l'image et son lien hypertexte !
comportement que je ne retrouve pas sous Opera
(ni sous IE bien sûr mais bon )
pourquoi ? comment ?

de toute façon dans mon exemple ici, il est stupide de placer une image dans un div plutôt que dans un paragraphe, à mon avis ... mais la différence de comportement entre Opera et Firefox m'étonne un peu.

[calimo]

avec çà, Firefox me met en display:block toute l'image et son lien hypertexte !

C'est-à-dire ?
Tu as mis le display:block sur l'image, c'est normal qu'elle soit en bloc… je ne comprend pas trop ce qui te gène ?

Pour centrer un bloc, c'est margin-letf:auto;margin-right:auto

[HP]

c'est normal qu'elle soit en bloc… je ne comprend pas trop ce qui te gène ?

ouais ...
alors c'est une bizarrerie de Opera 9

Pour centrer un bloc, c'est margin-letf:auto;margin-right:auto

bé ouais, mais je voulais, aussi des marges de 10px en haut en bas, et c'est un peu plus compact qu'avec les right et left ...

enfin, de toute façon, c'est mieux l'image dans un <p> que dans un < div>. Moins le code est sémantique et plus on court aux ennuis de toute façon.