28220 sujets

CSS et mise en forme, CSS3

[résolu] Probleme avec une image en float sous FF/mozilla/netscape

Salut a tous,

j'ai un petit soucis.

J'affiche une image en float dans un cadre 

<div class="textnews">
; if ($imggauchenews[$i]!= NULL){echo'<img src="imagesite/test.gif"      alt="..." class="imagegauche">';}
								if ($imgdroitenews[$i]!= NULL){echo'<img src="imagesite/test.gif" alt="..." class="imagedroite">';}
								echo nl2br($Textenews[$i]); echo'

</div>


le code php a l'intérieur marche nickel avec ce qu'il y a avant.

Dans ma feuille CSS textnews est définis:


.textnews
{
	color: #D5D5EE;
	width: auto;
	height:auto;
	margin:0;
	padding:0;
	font-size: medium;
	padding-right: 10px;
	padding-left: 10px;
}


les images on 2 classes, une pour afficher a droite et une pour afficher a gauche.


.imagegauche
{
	float: left;
	margin:0;
	margin-top: 4px;
	padding: 0;
	padding-right: 7px;
	padding-bottom: 7px;
}
.imagedroite
{
	float: right;
	margin:0;
	margin-top: 4px;
	padding: 0;
	padding-left: 7px;
	padding-bottom: 7px;
}



Et regarder le résultat sous firefox ou Netscape ou mozilla ( ca marche très bien avec Opera et Internet explorer)
regarder le résultat (regardez en bas la 2em news)

Savez vous comment je peut résoudre se probleme?

Je pense que ca doit surement venir du heigth:auto; qui n'est pas interpréter pareil dans les différents navigatuer a cause du float. Vous en pensez quoi?
Modifié par death83 (15 Aug 2005 - 00:04)
Salut,

C'est dû à ton image à gauche, qui est flottante et donc gérée de manière différente au niveau flux. Si tu veux provoquer une "cassure" pour être sûr que quelque chose (ici ta bordure) soit sous le flottant même si le contenu est court, il faut que tu mettes un élément en clear : left après ton flottant et ton texte.
Sujet clos
Aller à