Discussion :

[alexgille]

Bonjour,

je cherche un moyens pour mettre trois listes <dl> côtes à côtes, à chaque extrémités (gauche et droite) et au centre d'un div de 940px de large.

J'ai tenté le float left, center et right mais ça fonctionne pas.

L'attribut display: inline-block fonctionne mais ne permet pas de laisser les div aux extrémités.

Comment faire?

Merci

[Rachel]

Bonjour .
Ceci te conviendrait il ?
en css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
#contenant { width: 940px; position: relative;}
		#c { position: absolute; top: 0; left: 50%; margin-left: -157px; }
		#l, #r {width: 313px;}
		#l { float: right; }
		#r { float: left; }

l,c et r sont les id de tes listes <dl>, et contenant la div où sont tes 3 listes

[alexgille]

Cela ne fonctionne pas car en dessous des 3 <dl> il y a un <div> de 100% de large et lorsque que je met les <dl> en flottant, ce div passe sous les <dl>. :/

Au final j'ai trouvé une solution en posant un padding-left et right à #c, un padding-left à #l, un padding-right à #r. Cela devrait tenir vu que la taille de contenant est fixée à 940px.

Par-contre autre truc bizar :
Si je retire le padding-left de #l et le padding-right de #c et que je les met dans #contenant, la largeur de contenant augmente .. Alors que la taille des blocs qu'il contient à diminuée.