je cherche depuis ce matin sur internet une technique pour avoir trois colonnes en css, sans float (incompatible avec mon css :
CODE
<div style="background: url(background.png);">
<img src="bordure haut">
mes colonnes ici
<img src="bordure bas">
</div>
). <img src="bordure haut">
mes colonnes ici
<img src="bordure bas">
</div>
background.png étant une longue barre blanche de 2px et de 1010 de largeur
avec deux bout bleu sur les côtés ;p
J'ai trouvé des solutions avec position:absolute, comme ici.
Le seul problème c'est que je voudrai que les trois colonnes soient libres en tailles, et pas dirigées par celles du milieu, comme c'est le cas avec le code.
(si la colonne milieu fait 600px de longueur et que la droite en fait 800, le background va s'arrêter juste après celle du milieu, se fermer, et le reste de la colonne de droite part dessous).
voir la capture d'écran
( ce qui descend dans la couleur de background appartient à la colonne droite).
Que faire :'(
merci
NB : Colonne gauche : 400px
Colonne milieu : 200px
Colonne droite : 400px
