Aller au contenu

Sujets conseillés

Posté

Salut à tous,

je cherche depuis ce matin sur internet une technique pour avoir trois colonnes en css, sans float (incompatible avec mon css :

<div style="background: url(background.png);">
<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

Posté (modifié)

salut,

essaie le classique holy graal 3 columns: ici

slender

Modifié par slender

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...