3 colonnes => besoin d'aide

Bonjour à tous,
J'ai une structure à faire, en trois colonnes, classique.
Cependant, mes deux colonnes des cotés doivent "compléter" la colonne centrale qui a une largeur fixe.
Un petit schéma, c'est forcément plus clair :
http://ekryyn.free.fr/schema1.png

Je ne trouve pas d'astuce, et je dois m'y prendre comme un manche, car même sur le net, je n'ai rien trouvé qui puisse m'aider.
Modifié par Carton (29 Feb 2008 - 15:33)

Bonjour,

Une piste sur base de positions absolues:

[b][#black]HTML[/#][/b]

<div id="gauche">Colonne de gauche</div>
<div id="centre">Colonne principale</div>
<div id="droite">Colonne de droite</div>

[b][#black]CSS[/#][/b]

#centre {width:700px;margin:0 auto;}
#gauche,#droite {position:absolute; top:0;}
#gauche {left:0; right:50%; margin-right:350px;}
#droite {left:50%; right:0; margin-left:350px;}

Merci à toi, c'est exactement ce que je veux faire.
Jolie méthode.
Merci encore à toi Et à toute la communauté d'alsacréation.

Evidemment, pour MS IE, ça foire.
Je continue de fouiller.
Si quelqu'un sait cocmment contourner le pb ?

Carton a écrit :
Evidemment, pour MS IE, ça foire.

Il n'y a que sur MSIE6 (et inférieur) que cela pose problème, MSIE7 s'en sort très bien.

Carton a écrit :
Si quelqu'un sait cocmment contourner le pb ?

Bidouille rapide:

<!--[if lt IE 7]>
	<style type="text/css" media="screen">	
		#centre {position:relative; z-index:1;}
		#gauche,#droite {margin:0}
		#gauche {padding-right:350px;}
		#droite {padding-left:350px}
	</style>	
<![ endif]-->

(Supprimer l'espace avant endif).