Centrer des div en float [Résolu]

Salut à tous.

Je viens vers vous avec un sujet maintes fois débatu mais je n'arrive pas à trouver une solution à mon problème. Je ne sais même pas si c'est possible de manière propre.

Je cherche a avoir plusieurs div cote à cote mais centrer ces div dans la page.

Ici dans l'exemple ca me fait environ 3div cote à cote et ensuite les autres passent à la ligne et continues de se mettre cote à cote. Un peu comme un tableau.

<div align='center' style='width:630px;margin-left:auto;margin-right:auto;'>
	<div style='float:left;margin:5px;'>
		<img src='./images/affiche1.jpg' /><br />
		Texte affiche 1.
	</div>
	<div style='float:left;margin:5px;'>
		<img src='./images/affiche1.jpg' /><br />
		Texte affiche 1.
	</div>
	<div style='float:left;margin:5px;'>
		<img src='./images/affiche1.jpg' /><br />
		Texte affiche 1.
	</div>
	<div style='float:left;margin:5px;'>
		<img src='./images/affiche1.jpg' /><br />
		Texte affiche 1.
	</div>
	<div style='float:left;margin:5px;'>
		<img src='./images/affiche1.jpg' /><br />
		Texte affiche 1.
	</div>
	<div style='float:left;margin:5px;'>
		<img src='./images/affiche1.jpg' /><br />
		Texte affiche 1.
	</div>
	<div style='float:left;margin:5px;'>
		<img src='./images/affiche1.jpg' /><br />
		Texte affiche 1.
	</div>
</div>

Si vous voyez ce que je veux dire...

Merci d'avance.

Rude
Modifié par ffwrude (11 May 2010 - 17:34)

Hello,

Impossible de centrer facilement des éléments flottants, tout simplement parce que ce n'est pas conçu pour ça au départ.

Pourquoi ne pas utiliser un schéma de type "inline-block", ce qui devrait te faciliter la vie ?

Salut Raphaël.

Mais inline-block fonctionne aussi avec des blocs qui n'ont pas toujours la même largeur ?

Rude
Modifié par ffwrude (11 May 2010 - 17:26)

ffwrude a écrit :

Mais inline-block fonctionne aussi avec des blocs qui n'ont pas toujours la même largeur ?

Oui un bloc en inline-block s'adapte a son contenu tout comme les flottants.

Et bien je m'en vais tester ca tout de suite !

Merci

Edit : C'est trop énorme J'avais jamais testé. Merci beaucoup à vous deux. Au plaisir sur le bar (du forum bien sur).
Modifié par ffwrude (11 May 2010 - 17:34)

bonjour/bonsoir,

tu peut même tenter un float-center-left ou un float-center-right avec direction(CSS) - (c'est du limite frye-day nite , mais ça le merite de fonctionné et d'aider a comprendre en partie les comportement inline-block ...) .

Une page test deja proposé sur le forum pour une question (presque recurente) du même type (nov 2009, je crois pour celui qui rechercherait le topic et son probleme d'origine)

http://gcyrillus.free.fr/essai/float-center.html .

Ils ne s'agit pas de tordre le coup aux flottants ni au tableaux .... -> alternative , autre technique , autre possibilité .

GC

<edit pm=" faut-il aussi evoqué layout/contexte de formatage ?" />
Modifié par gc-nomade (11 May 2010 - 23:13)