Float et % ......

Bonjour a tous,

je rencontre actuellement des problemes sur l'elaboration de mon site en xhtml et plus particulierement sur le positionement des mes
div.
Mon site est structuré en 3 colonnes.
Les 2 colonnes exterieurs sont des float et ont une largeur fixe
La largeur de colonne centrale doit etre en pourcentage afin d'occuper un maximum de place sur l'ecran du visiteur
Je pensais que la colonne centrale allait occuper 100% de la largeur entre les 2 float, or les 100% correspondent aux 100% de l'ecran.
Du coup, des bouts de ma colonne centrale disparaissent sous les 2 floats.

J'ai essayé de chercher une solution un peu de partout sur le web, et la seule réponse que j'ai obtenu c'est de figer les div et de les positionner en absolu.

Y a-t-il une autre solution ou suis-je obligé de refaire mon site avec de bon vieux tableaux ???

Merci d'avance de votre aide

NB : J'ai essayé d'uploader une image histoire de faciliter la comprehension de mon post, mais je n'ai pas reussi et pourtant le poid de mon image etait bien inferieur au 200ko
Modifié par Chev (30 Apr 2005 - 12:28)

Salut,

l'idée, c'est de mettre tes 2 colonnes en float, float: left; pour la colonne de gauche, float: right; pour celle de droite.
Tu leur donne une largeur, mettons 180px pour l'exemple.

Ensuite, c'est très simple, tu as ton block de contenu central, tu lui met juste margin: X 180px;
X c'est ce que tu veux, c'est les marges hautes et basses. 180px c'est les marges gauches et droites.

Et là tout roule

Si tu as un pied de page, ajoute lui clear: both;
Et pour les explications sur le clear: both; direction la FAQ
@+

Merci olivier ca marche a présent

Chev a écrit :
Merci olivier ca marche a présent

Bravo !
Un petit [Résolu] alors ?

Un ptit lien pour construire un site en 3 colonnes.