Valeur absolute ! incompatibilité IE6 et Firefox

zecarlito

26 Mar 2007 à 15:17

Bonjour,

J'ai un problème cocnernant ma page web et mon css.

Voilà mon code html :

<body>
<div id="header" align="center"></div>
<div style="clear:both;">&nbsp;</div>
<div id="prod_image" style="float:left;"><img src="images/automobile.jpg"/></div>
<div id="prod_textedroite">
<p>Date de mise à jour : Jeudi 15 Mars 2007 4:26:00</p>
<p>Catégorie à laquelle ce produit est rattaché : Automobile</p>
<p>Lien externe : Linear Motion Bearing</p>
</div>
<div style="clear:both;">&nbsp;</div>
<div id="prod_texte">
</p>
</div>
</body>

et voilà mon CSS :


#prod_image {
	left:75px;
	background-color: #3C3837;
	border: thick outset #FFFFFF;

	}

#prod_texte {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	left: 30px;
	height: auto;
	width: auto;
	text-align: left;
	margin-left: 30px;
}

#prod_textedroite {
	color: #FFFFFF;
	position:absolute;
	float:right;
	padding-left:30px;
	}

Voilà sur IE le texte se met automatiquement à droite de l'image sans aucun problème. Mais sur Firefox, il se met en superposition sur l'image !

J'ai beau chercher partout, je n'ai trouvé aucune solution.

Auriez-vous une idée ? Smiley sweatdrop

ghost

26 Mar 2007 à 17:05

Salut,

Entre les 2 mon coeur balance mais il faut choisir soit absolute right: 0; ou float right ...

#prod_textedroite {
	color: #FFFFFF;
	position:absolute;
	float:right;
	padding-left:30px;
	}