28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Voila mon problème :

Je souhaite aligner et centrer horizontalement dans un bloc de largeur fixe, 1 2 ou 3 (voir plus) blocs de largeur fixe également.

Pour l'instant, je les positionne en float:left; en jouant sur les margin-left et margin-right

Le souci, c'est que ces blocs sont générés dynamiquement, et il se peut qu'il y en ai 2 ou 3 selon les cas.

D'ou ma question : comment faire pour que, quelque soit le nombre de blocs générés, ceux-ci soient toujours centrés au milieu du bloc principal ?

Merci beaucoup !
Bonjour,

Ça se fait avec du display:inline-block ou du display: table. Tous deux posent des problèmes de compatibilité car pas implémentés par certains navigateurs, notamment le plus utilisé (Internet Explorer).

À défaut, on pourra utiliser un tableau de mise en forme, centré grâce aux marges automatiques (margin: 0 auto).
Les tableaux ... je les avais oubliés ceux la !

Ben oui évidemment, beaucoup plus simple, je n'y avais pas pensé

A force de toute faire en css, on en oublie les bases Smiley smile

Merci Smiley cligne Smiley cligne