28172 sujets

CSS et mise en forme, CSS3

Slt tout le monde,
j'aurais besoin d'un conseil car je galère à trouver une solution.

je voudrais insérer dans mon environnement 3 colonnes, dont les deux extrémité serait en pixel et celle du milieu s'adapterait à l'espace qu'il resterait entre les deux.

J'ai essayé pas mal de chose mais l'affiche ne correspond jamais à ce que je souhaite.

voici la configuration de mon site (simplifié)


<style>
#id {width:90%; padding:1em; margin: 0 auto}
#corps {clear:both; overflow:hidden;}
#chemin{padding:1em; clear:both;}
#gauche{width:200px;float:left} //besoin d'aide
#centre{float:left} //besoin d'aide 
#droite{width:200px;float:right} //besoin d'aide 
</style>

<div id="site">
   <div id="corps">
        <div id="chemin"></div>
        <div id="gauche"></div>
        <div id="centre"></div>
        <div id="droite"></div>
   </div>
</div>


Merci de votre aide
Modifié par Kweb (17 Jun 2009 - 11:41)
Hello,

Ce tuto fait exactement ce que tu cherches.

Par contre en regardant ton code, je vois pas l'intérêt de #corps et #chemin...
Super ! exactement ce que je cherché... merci beaucoup.
Pour ce qui est du code que j'ai mis ils est vraiment simplifié, et que dans la structure que j'ai monter j'ai besoin du DIV #corp et #chemin....

Merci à toi
Modifié par Kweb (17 Jun 2009 - 11:41)