[Résolu] Float left se superpose

hello, j'ai testé ceci :

<div style="
		height: 100%; 
		width: 100px; 
		background-color: blue;
		float : left;">
</div>
		
<div style="
		width : 200px;
		background-color : yellow;
		height : 50px;">
</div>

avec au préalable

body, html {
		height : 100%;
		width : 100%;
		margin : 0;
	}

Résultats :
Sous Firefox
http://getsumei.free.fr/files/sousFF.JPG
Sous IE
http://getsumei.free.fr/files/sousIE.JPG

(doctype XHTML 1.0 Strict)

c'est normal ça ? pour le coup le comportement de IE me parait plus logique
Quelqu'un pourrait me dire pourquoi ff va quicher mon div jaune en dessous du bleu ? et comment éviter ça ?

merci
Modifié par nien (24 Mar 2009 - 10:18)

Rajoutes

margin-left:100px;

à ton div jaune
Modifié par Laurie-Anne (24 Mar 2009 - 09:59)

ça j'y ai pensé mais l'idée c'est d'avoir un div central qui s'adapte à la colonne de gauche plutôt que le définir manuellement, il n'existe aucun moyen pour ça ?


edit : finalement j'ai trouvé comment faire en mettant "float : left;" aussi sur le bloc jaune \o/
Modifié par nien (24 Mar 2009 - 10:17)