CSS float et longueur

[AnT.]

Bonjour,

Je suis en train de construire une page avec 4 blocs identiques

Code : Tout sélectionner

.blocs_page {
	width: 374px;
	float: left;
	margin:10px;
	padding:2px;
}

En largeur chaque bloc représente 48% de la page.

Si tout allait bien, j'aurais un affichage sur 2 lignes du genre :

Bloc1 Bloc2
Bloc3 Bloc4

Mon problème est que si Bloc1 est plus long que Bloc2, j'ai

Bloc1 Bloc2
Bloc3
Bloc4

Comment résoudre ce problème ?

Je penchait pour la création d'un bloc invisible comprenant bloc1 et bloc 2 et coller une hauteur de 100% a mon bloc_page mais ca ne marche pas.

merci

AnT

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

[AnT.]

C'est bon, j'ai trouvé, il suffit de créer un cadre invisible avec la propriété float qui comprend blocs 3 et 4.

A+

AnT.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

[Fabrice.Tres.Net]

J'aurais tenter la propriété "clear:both;" cela signifie que l'on demande l'introduction du bloc à la suite des blocs flottants précédents!