[résolu] 3 colonnes = problème !!

Bonjour à tous,

je rencontre pas mal de difficultés pour réaliser la mise la mise en page que je souhaiterais :

- 3 colonnes

colonne du milieu : largeur fixe, centrée exactement au milieu de la page
colonnes de gauche et de droite : largeur fluide, prenant le reste d ela place à gauche et à droite.

Mon problème n'est pas nouveau, c'est toujours le fait de mélanger des valeurs en pixels et en pourcentage qui rend les choses compliquées
Modifié par Noisequik (16 Nov 2006 - 12:09)

pourais t-on en savoir un peu plus sur ton code pour pouvoir t'aider?

Oui bien sûr :

div#conteneur{
position:relative;
height:539px;
}

div#colonne-millieu{
width:769px;
height:539px;
margin-left:auto;
margin-right:auto;
position:relative;
}

div#colonne-droite{
height:539px;
position:absolute;right:0;
width:40%;
top:0;
}

<div id="conteneur">
  <div id="colonne-millieu"></div>
  <div id="colonne-droite"></div>
</div>

Cette solution fonctionne mais je souhaitais que les colonnes de gauche et de droite ne dépassent pas la taille qui leur reste à disposition (actuellement elles débordent sur la colonne du millieu en arrière plan, ce qui me gêne pour raccorder mes textures)

j'ai trouvé cette solution :

http://blog.html.it/layoutgala/LayoutGala21.html

Ca me convient pas mal, le seul inconvénient est que la colonne du milieu sera plus ou moins à gauche ou a droite selon la résolution...

c'est tout bon, j'ai trouvé une solution en mettant pour les colonnes de gauche et de droite :

- largeur a 50%

- marge négative gauche ou droite de la moitié de ma colonne du milieu

- le tout enveloppé dans un conteneur avec overflow:hidden;