28173 sujets
CSS et mise en forme, CSS3
Bonjour,
À priori, pas de moyen simple pour obtenir cela, sauf bien sûr le display: table-cell (non implémenté dans IE). Une possibilité serait de positionner les colonnes latérales en absolu, en width: 50% (sous réserve que le conteneur soit positionné en relatif, si on a un conteneur global pour le site), et d'avoir dans chaque colonne latérale un bloc avec une marge à gauche ou à droite de la moitié de la largeur de la colonne centrale.
C'est pas mal de la bidouille, mais ça peut être jouable.
Par contre, cette configuration est assez rare. Si tu as un design fluide avec une colonne centrale dont la largeur est fixe (et exprimée en pixels), tes colonnes latérales auront une largeur très variable, genre de 100px à 500px suivant la largeur de la fenêtre. Difficile d'y gérer un contenu dans ces conditions.
Bien sûr, si tu n'as pas de contenu mais qu'il s'agit simplement de décoration visuelle, pas besoin de structure en trois colonnes, ce qui rend la question caduque.
talvins a écrit :
mais je ne trouve pas la combinaison colonne gauche et droit fluides, colonne centre fixe
À priori, pas de moyen simple pour obtenir cela, sauf bien sûr le display: table-cell (non implémenté dans IE). Une possibilité serait de positionner les colonnes latérales en absolu, en width: 50% (sous réserve que le conteneur soit positionné en relatif, si on a un conteneur global pour le site), et d'avoir dans chaque colonne latérale un bloc avec une marge à gauche ou à droite de la moitié de la largeur de la colonne centrale.
C'est pas mal de la bidouille, mais ça peut être jouable.
Par contre, cette configuration est assez rare. Si tu as un design fluide avec une colonne centrale dont la largeur est fixe (et exprimée en pixels), tes colonnes latérales auront une largeur très variable, genre de 100px à 500px suivant la largeur de la fenêtre. Difficile d'y gérer un contenu dans ces conditions.
Bien sûr, si tu n'as pas de contenu mais qu'il s'agit simplement de décoration visuelle, pas besoin de structure en trois colonnes, ce qui rend la question caduque.
Merci pour ta réponse. J'ai testé quelque chose de similaire mais ça plantait lamentablement sous IE6 (aucun hack possible).
En fait, il s'agit bien de design et non de contenu.
C'est habituellement le type de design que je fais avec un simple conteneur centré (fluide ou pas) mais là, j'ai à gauche comme à droit, une déco particulière. Idem pour le background_image qui est différent à gauche et à droite.
Or, comme cette décoration ne prime pas sur le texte, je souhaite que la priorité soit donné à la zone centrale.
J'ai testé diverses méthode et, pour l'instant, la moins pourrie est de séparer en deux colonnes pour avoir une distinction g/d et mettre une marge de 50% la valeur de la colonne du milieu.
Mais comme je suis un flemmard et que je n'ai pas le temps, j'ai pour l'instant simplifié le design pour qu'il colle à un conteneur centré
Tant pis pour le client, ce sera moins chiadé (mais de toutes façons, comme toujours, il n'aurait pas vu la différence...)
En fait, il s'agit bien de design et non de contenu.
C'est habituellement le type de design que je fais avec un simple conteneur centré (fluide ou pas) mais là, j'ai à gauche comme à droit, une déco particulière. Idem pour le background_image qui est différent à gauche et à droite.
Or, comme cette décoration ne prime pas sur le texte, je souhaite que la priorité soit donné à la zone centrale.
J'ai testé diverses méthode et, pour l'instant, la moins pourrie est de séparer en deux colonnes pour avoir une distinction g/d et mettre une marge de 50% la valeur de la colonne du milieu.
Mais comme je suis un flemmard et que je n'ai pas le temps, j'ai pour l'instant simplifié le design pour qu'il colle à un conteneur centré
Tant pis pour le client, ce sera moins chiadé (mais de toutes façons, comme toujours, il n'aurait pas vu la différence...)