[Résolu] Largeur fluide et nombre de colonne variable

Bonjour à tous !

Pour mon premier post, je viens solliciter l'expertise des intégrateurs web.

Je vous expose ma problématique : pour la création de mon gabarit de page, j'ai besoin de créer une ligne contenant un certain nombre colonnes alignées les unes à côté des autres.
Il faut également que les colonnes aient toute la même largeur.
Jusque là je sais faire.
Je bloque à cause de cette contrainte : le nombre de colonnes est variable. Et bien entendu, peu importe le nombre de colonnes, elles doivent toujours occuper la totalité de la largeur du bloc parent.

J'aimerais pouvoir faire ça uniquement en CSS et sans passer par un tableau, mais je ne vois pas comment je peux m'y prendre.
Je joins une image, qui j'espère aidera à illustrer ma problématique.



Merci par avance
Modifié par Kendo (19 Nov 2013 - 00:32)

Bonjour, mhhh, un tableau?

a écrit :
J'aimerais pouvoir faire ça uniquement en CSS et sans passer par un tableau

– Uniquement en css
– Sans tableau (tableau CSS non plus?)

Pourquoi ces deux contraintes? Il y a une bonne raison?

Car les deux-trois options que je vois sont:
1) Un tableau (html ou css)
2) Si le nombre de colonnes possibles est suffisamment limité, l'ajout d'une classe indiquant le nombre de colonne possibles
3) Si le nombre de colonnes est trop grand, calcul et ajout des pourcentages en code.

kustolovic a écrit :

– Uniquement en css
– Sans tableau (tableau CSS non plus?)

Pourquoi ces deux contraintes? Il y a une bonne raison?

Bonjour,

Effectivement, j'aurais posé la même question

Sinon deux pistes concrètes :
- display: table-cell : http://www.alsacreations.com/tuto/lire/1522-le-modele-tabulaire-en-css.html
- multicolumns : http://www.alsacreations.com/tuto/lire/1557-les-multicolonnes-en-css3.html

Bonne chance

Bonjour, merci pour vos réponses

Je souhaite ne pas utiliser de tableau car j'aimerais faire un design responsive.
Quant à ma contrainte sur le CSS, je vois effectivement des solutions à l'aide d'un petit Javascript. Je me demandais simplement si il existait une méthode full CSS.

Bonne journée à vous !