28106 sujets

CSS et mise en forme, CSS3

J'aimerais avoir une gallerie de DIV de tailles identiques et fixes (300px) qui se centrent automatiquement lorsque je redimensionne la page.

Est ce possible en CSS et comment ?

Actuellement j'ai ça (http://www.antoinefleury.com/) mais j'aimerais avoir 4 colonnes quand je dépasse 900 px de large pour le container et 3 lorsque je suis en dessous de 900 et que l'ensemble reste centré sur la page en permanence.

J'ai fait plein de bidouille mais je retombe toujours sur un ensemble qui se colle sur la gauche entre deux positions.
Modifié par keuk (14 Jan 2013 - 17:12)
bonsoir,

C'est possible et plutôt simplement :

parent div {text-align:center;}
div {display:inline-block;width:300px;}


et avec quelques fioriture de plus tu peux envisager des choses comme celle-ci : http://dabblet.com/gist/4262212 (selectionne une gallerie et redimensionne la page en largeur)

Cordialement,
GC
Yes merci, j'ai regardé dans l'examinateur de firefox et utilisé display inline table qui marche aussi.

Au début j'essayais de m'en sortir avec des SPAN mais sans succès.

AUTRE question comment faire pour que sur la dernière ligne si il manque une DIV tout se colle à gauche.

N'est il pas possible de contrainte la dernière ligne à ne pas être en align-center ? Du genre un LAST CHILD mais pour des div ?
Ou par des balises fantômes qui ont la classe de mes autres balises mais sans contenu j'en mets 3 et hop tout se mets virtuellement sur la gauche sur ma dernière ligne !

Smiley smile

Ca fait un peu Mr-bricolage mais ça marche !

(je n'ai pas encore updaté ma page qui figure plus haut)
EDIT: Ah non pas tout à fait finalement.

RE EDIT: Bon en fait si je n'avais pas enregistré ma modif.
Modifié par keuk (15 Jan 2013 - 06:15)