28220 sujets

CSS et mise en forme, CSS3

[Résolu] Height block conteneur non adaptée

Bonsoir,
Je ne comprnds pas pourquoi Firefox refuse d'adapter la hauteur de mon div conteneur au contenu alors que ça marche très bien sur IE.
Quelqu'un peut-il m'aider sur ça?

Le code html



		<div class="montre">
			<h2>AUDEMARS PIGUET &#8220;Royal Oak&#8221; pour homme</h2>
			<img src="../images/montres/Ap003S.jpg" width="118" height="177" class="photo" /> <span>AP003</span><br />
			<p>Mouvement automatique, fonctions heure, minute, seconde centrale et date. Boitier acier gande taille (36,5mm.), cadran gris anthracite, verre saphir, fond viss&eacute;, couronne viss&eacute;e, &eacute;tanche jusqu'&agrave; 50m. Bracelet croco vert, boucle d&eacute;ployante.<br />
				Prix : 7 600 Euros</p>
		    <img src="../images/puce4.png" width="12" height="12" />&nbsp; <b>Ecrin&nbsp;et facture Audemars Piguet</b> <br />
			<span class="price">Prix : 3&nbsp;700&nbsp;Euro</span>
			<img src="../images/pointilles_montre.gif" width="517" height="2" /><br />
			<img src="../images/btn_achat.gif" width="68" height="24" /><img src="../images/btn_question.gif" width="93" height="24" />
			Vous recherchez un autre modèle Audemars Piguet ?
		</div>



CSS

.montre {
	position:relative;
	margin-right: 5px; margin-bottom: 25px;
	padding: 15px 10px 14px 15px /*!important; padding: 15px 10px 8px 15px*/;
	line-height: 1.4em;
	width: 520px;
	border: 1px solid #B0ADA2;
	background: #E5E3DF url("images/montres_bg.gif") repeat-x;
	}
.montre h2 {
	font: bold 1.05em Georgia, 'Times New Roman', Times, serif; color:#fff; 
	margin-top:-10px; 
	margin-bottom: 25px
	}
.montre img.photo {
	float:left; 
	margin-right: 12px; 
	margin-bottom: 0; 
	border: 2px solid #fff
	}
.montre span {font-weight: bold; font-size: 0.95em;}
.montre p {margin-top: 5px;}
.montre .price {color:#FF4D00}

Modifié par herman31 (31 Oct 2005 - 18:26)
Sujet clos
Aller à