28220 sujets

CSS et mise en forme, CSS3

Bonjour.
Je voudrais faire une mise en page 3 colonnes, avec entete et pied de page, de taille variable (largeur totale = 100%).
Colonne de gauche: Menu
Colonne du milieu: Contenu (dont une grande table avec des images)
Colonne de droite: Barre d'infos

J'ai trouvé beaucoup de presque solution, en fait j'arrivai déjà à obtenir la même chose tout seul. Pourtant aucune ne me satisfait car la colonne de droite va empieter sur celle du milieu en retrecissant.
La colonne de gauche a une taille fixe.
Celle du milieu est variable mais la table dedans a une taille mini automatique, pour ne pas être plus petit que les images qui sont dedans.
Celle de droite est de taille fixe. Je voudrais qu'elle ne puisse pas aller plus à gauche que possible sans empieter sur celle du milieu.

En fait c'est très facile à faire avec une table, mais j'entend tellement partout que le CSS remplacera les tables, qu'on peut tout faire avec et que c'est mieux, que je m'acharne...
Avec une table, sie je lui donne 100% de largeur et a l'interieur les deux colonnes exterieures 150px et celle du milieu "*", alors elle prendra toute la place dispo, mais ne descendra pas en dessous d'une taille mini, pour ne pas couper les images.
Donc si on retréci trop, la barre de droite ne sera plus visible, et disparaitra a gauche... C'est ce que je veux faire. Mais vraiment je bloque...

Merci de m'avoir lu jusqu'ici, et si vous aviez une petite aide Smiley smile
Administrateur
Bonjour,

je n'ai pas bien compris le problème de la colonne de droite pouvant aller trop à gauche donc ce n'est peut-être pas la bonne solution que je te propose Smiley cligne
Si les colonnes de gauche et droite sont fixes mais pas celle du milieu, en ayant dans le flux du code (X)HTML l'ordre "gauche-droite-milieu" qui est visuellement modifié par les propriétés CSS (ce qui est en second se retrouve visuellement à droite), cela fonctionne.
Il y avait une discussion à ce sujet il n'y a pas 3 jours mais je ne la retrouve évidemment pas Smiley confus
Dirty: Hé bien non, justement, regarde, réduit ta fenêtre, la div de droite va finir par empieter sur la div de gauche, et si celel du milieu avait une taille mini (ce qui est mon cas) cette div de droite empieterai dessus de la même manière.

Ce que je veux faire n'est donc pas possible.

J'irai même plus loin, au risque de choquer du monde: les table sont peut-être démodées par le CSS, mais que de simplicité dans leur mise en place et que de possibilités elles offraient que le CSS rend très compliqué, voire innaccessible, pour une mise en page...