Mise en page et bordures/trames conforme

Bonsoir,

Dans la réalisation d'un petit portail web pour un groupe d'ami je me suis retrouvé confronté à un problème dont je n'arrive pas à me dépatouiller ... C'est donc l'âme en deuil que je viens vous demander conseil ! ^^.

Je cherche à insérer sur une page 2 colonnes qui feraient toutes la hauteur (de la page), pour y mettre un motif qui se repète (en 19*222 ~).

Mon souci c'est comment le faire de la façon la plus propre possible ? (c a d avec le moins de blocks superflux) ...

Le site actuellement c'est ça : www.lalliance.eu, et il "faudrait" que ça devienne ça : http://ermenia.free.fr/maquette1.jpg

Sachant que je suis muni de ça (la trame) : http://ermenia.free.fr/trame.gif.

(Je ne link tout ça que dans un but d'explication de mon problème ).

Donc actuellement je pensais à 5 block dans la largeur, les 2 aux extremités de largeur variable, les 2 suivants pour la trame, et celui du centre pour la page telle qu'elle est actuellement ... je trouve ça très lourd.

Merci d'avance pour vos idées et pour le temps que vous voudrez bien me consacrer .

Salut Dayom,

Je pense que tu peux t'en sortir en utilisant une image de background dans ta div page, surtout que ta largeur de div semble fixe.
En gros tu auras ceci dans ta css:

#page { background: #XXX url(img/pagebg.gif) left top repeat-y; }

- #XXX est ta couleur de fond de page entre les 2 trames (en supposant qu'elle soit unie).
- pagebg.gif est une image de largeur celle de ta div page et de hauteur celle de ta trame. Cette image sera composée de tes 2 trames aux extrémités et transparente entre les 2 trames.