28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un bug sous IE pour un truc pourtant tout simple ...
J'ai une image en float right puis du texte et enfin un clear float.

upload/3664-mozilla.png

Problème sous IE : si la hauteur du texte est inférieure à la hauteur de l'image, ca part complétement en vrille : texte qui ne s'affiche pas, blocs qui disparaissent (détail : si on passe la souris, le texte réapparait par endroit...)
upload/3664-ie.png

Aurriez vous déja rencontré ce genre de bug ?

Merci


<style type="text/css" media="screen">
<!--

body
{
color:#000000;
font-family:Arial, Helvetica, sans-serif; 
font-size: 12px; 
}

*{
 margin:0; padding:0; 
}

.clear_float
{
	clear:both;
	margin:0;
	padding:0;
	line-height:0px;
	font-size: 1px;
}

.b_p_interieur
{
background-color:#F7F7F7;
padding:20px 15px 20px 20px;
margin:0;
text-align:left;
}

.lv_bloc_vehicule
{
	margin:0 0 5px 0;
	padding:10px;
	background:#E0EAF4;
}

.lv_bloc_vehicule img.lv_img_vehicule
{
	float:right;
}
.lv_bloc_vehicule h4
{
	font-size:13px;
}
-->
</style>

<div id="contenu" class="b_p_interieur centre_mz"><!-- bloc principal intérieur-->
	<div>
		<h2><span>Véhicules d'occasion</span></h2>
		<br /><br />
		<div class="lv_bloc_vehicule">
				<h4>Mercedes Classe A</h4>
				Essence - 100000km - 5000 €
				<br />Classe A, noire, bon état général...
				<p class="clear_float">&nbsp;</p>
		</div>
		<div class="lv_bloc_vehicule alter">
			<img class="lv_img_vehicule" src="http://127.0.0.1/gna/images/vehicules/2/mini/01.jpg?id=130706080722" alt="">
			<h4>Peugeot 306</h4>Diesel - 100000km - 3000 €
			<br />206 parfait état, toutes options.
			<p class="clear_float">&nbsp;</p>
		</div>
		<div class="lv_bloc_vehicule">
			<img class="lv_img_vehicule" src="http://127.0.0.1/gna/images/vehicules/3/mini/01.jpg?id=130706080722" alt="">
			<h4>Peugeot 206</h4>Diesel - 101000km - 2003 €
			<br />Très belle 206 HDI, choc arrière gauche<br />
			<br />Prévoir un léger marbre, feu arriére gauche, aile arriére gauche, pare-choc arrière...				
			<p class="clear_float">&nbsp;</p>
		</div>
	</div>
</div>