28173 sujets

CSS et mise en forme, CSS3

Lorsque j'ajoute un float a un div, les div l'englobant perdent leurs backgrounds Smiley eek
Ce problème n'existe que pour FireFox, sous IE ça passe nickel.
Je précise qu'en réalité mes div son placé en relatif, pas moyen de les caler en position:asolute; (dans ce cas la ca marche)


Voila le code qui pose problème :


<html>
<head>

<style type="text/css">

	#contenu{
		width:500px;
		background-color: red;}
	
	#colone {
		width:100px;
		float:left;
		background-color: green;
		margin:10px;}

</style>

</head>
<body>

	<div id="contenu">
		<div id="colone"> <h1>Bloc 1</h1> </div>					
		<div id="colone"> <h1>Bloc 2</h1> </div>				
	</div>

</body>
</html>


Si on enlève le "float:left;" le problème disparait !

Merci d'avance Smiley smile Smiley biggrin
Modifié par mrmanchot (01 Apr 2007 - 14:14)