problème plusieurs carrés [Résolu]

[shell13010]

Salut a tous,

j'aimerais savoir comment je pourrais proceder pour placer des carré (en pensant au Div) voici l'exemple :


j'ai essayer avec les float:left right.. mais le problème et toujours la

alors ma question est comment vous procéderiez pour arrivé a les placer comme sur l'image?


merci d'avance pour votre aide.

Cordialement.

[ornitho13]

Salut,

tu n'es pas loin de la réponse en voulant utiliser le float.
Voici ce que je ferais:

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div>
		<div class="left"></div>
		<div class="right"></div>
		<div class="center"></div>
	</div>
	<div>
		<div class="center"></div>
	</div>
	<div>
		<div class="left"></div>
		<div class="right"></div>
	</div>

et le css associé:

Code css :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
div{
	height:200px;
}
.center, .left, .right{
	background-color:#333;
	width:100px;
	height:100px;
}
.center{
	margin:0px auto;
}
.left{
	float:left;
}
.right{
	float:right;
}

J'ai testé sur IE 6 à 9, safari, opera, firefox, chrome et cela fonctionne.

[shell13010]

salut ornitho13,

Et bien c'est parfait je bloquer au niveau du center bizarrement par logique j'avais essayer "float:center;" et après recherche sa center,middle n'existe pas

sinon merci pour ton aide sa marche parfait
bonne soirée.