Lorsque j'ajoute un float a un div, les div l'englobant perdent leurs backgrounds
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 :
Si on enlève le "float:left;" le problème disparait !
Merci d'avance
Modifié par mrmanchot (01 Apr 2007 - 14:14)
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
Modifié par mrmanchot (01 Apr 2007 - 14:14)