Je crée une page Web où j'ai besoin d'une colonne de contenu dans le centre parfait d'un bloc et deux colonnes une à gauche (float: droite) et une à droite (float: left) attaché à cette colonne de contenu. Cependant, je veux que la colonne de contenu soit de taille fluide. Au début, j'ai essayé en centrant une liste de boîtes. Cependant, la largeur totale des boîtes détermine la position de la boîte du milieu et si la boîte de droite est plus grande que la gauche, la boîte de contenu est décalée vers la gauche.Colonne de contenu dans un centre parfait avec les colonnes gauche et droite attachées
Ensuite, j'ai trouvé une solution en utilisant des tables et en forçant les colonnes gauche et droite à avoir une largeur de 50% et la colonne centrale à interdire l'emballage. Mais utiliser des tableaux pour forcer la mise en page est toujours mauvais.
Existe-t-il une solution possible sans utiliser de tables? * Edit: J'ai prematuraly décidé de revenir avec la liste, car il était proche de ce que je voulais et c'était la meilleure solution. Il semble que j'ai trouvé une solution avec des listes, pas le meilleur cependant. Faites les colonnes gauche et droite fixées sur la même largeur, la même marge et le même remplissage afin que la colonne centrale soit décalée vers la droite par rapport à la gauche et à la droite.
Je me souviens en utilisant une bidouille horrible pour résoudre un problème similaire - définir la 'width' des boîtes extérieures à quelque chose par CSS et définissez les marges sur la boîte intérieure à la même chose + un petit rembourrage. Je ne sais pas si cela fonctionnera pour votre situation, cependant. –