Problème background extensible

Version imprimable

11/02/2009, 17h22
mcdam

Problème background extensible

Bonjour ,

Je vous contacte car j'ai beau chercher sur le net je en trouve pas de réponses à mon problème.

Ca me semble bizarre qu'on ne puisse réaliser ceci :
Je veux 3 colonnes sur mon site :
- La colonne du MILIEU a une taille fixe (ex : 500 px)
- Les colonnes gauches et droites font toutes deux la même largeur, et occupent tout le reste de la largeur de la page. Leur largeur change donc suivant si on agrandi la largeur de la fenêtre du navigateur.

Qu'en pensez-vous ? est-ce réalisable en CSS, sachant que ceci doit fonctionner sur tous les navigateurs ?

Merci d'avance pour votre aide...
11/02/2009, 17h25
HiRoN

Cela est réalisable en (X)HTML & CSS, as-tu été faire un tour dans les cours CSS ?
11/02/2009, 17h35
mcdam

Oui j'ai effectivement regardé dans les cours et également sur d'autres forums mais rien ne correspond à ma demande, aucune réponse n'a été apportée.
11/02/2009, 18h19
HiRoN

Citation:

Envoyé par mcdam

- Les colonnes gauches et droites font toutes deux la même largeur, et occupent tout le reste de la largeur de la page. Leur largeur change donc suivant si on agrandi la largeur de la fenêtre du navigateur.

Sont-elles prévues pour avoir du contenu ou es-ce seulement les délimitations de du containeur afin d'aérer le tout ? (bref pas de contenu à l'intérieur, juste la pour permettre une adaptation en largeur du site en fonction de la résolution du client)

Si tu m'as suivi... :aie:
11/02/2009, 18h33
mcdam

Seul la DIV centrale est prévue pour avoir du contenu.
Les div gauche et droite sont seulement là pour continuer le design de la div centrale.
Donc la div de gauche doit être la continuité de la bordure droite de la div centrale et de même pour la div de droite qui doit être la continuité du design de la bordure de droite de la div centrale.

J'espère avoir été clair à mon tour :)
12/02/2009, 00h07
GihefBey

Bonjour,

Si ce n'est que graphique, pourquoi ne pas se passer de ces colonnes et appliquer les côtés sous forme d'une image appliquée en arrière-plan au body ?
Avec le bloc "du milieu" centré dessus ?

Un peu de code et des images ne seraient pas de trop.

-
12/02/2009, 00h24
HiRoN

Citation:

Envoyé par GihefBey

Si ce n'est que graphique, pourquoi ne pas se passer de ces colonnes et appliquer les côtés sous forme d'une image appliquée en arrière-plan au body ?
Avec le bloc "du milieu" centré dessus ?

+1... D'ou ma question ;)

Tu peux donc voir pour une construction avec un bloc containeur centré ayant une image en background avec un repeat vertical (cf dans le style de mon site perso).
12/02/2009, 08h41
mcdam

Votre méthode dans le body a été essayé , mais le problème c'est que chaque body de chaques pages est différent ce qui me pousse à faire ceci
<body id="creation"> et dans #creation mettre l'image avec la continuité du site comme vous me le proposiez.
et le body général de toutes les pages ( body {} ) j'ai un background-image qui se repête.

Donc le background de ces 2 styles ne marchent pas ensemble, seul le body s'affichait.

J'ai essayé beaucoup de méthode et aucune n'a été concluante.

La seule méthode où je m'y suis rapproché le plus a été avec un tableau en 3 colonnes avec des min-width et dans ce cas là le problème de IE s'est posé hélas...
12/02/2009, 09h32
HiRoN

Pourrais-tu fournir les images relatives à ton thème ou à défaut une capture d'écran ?
22/02/2009, 10h30
mcdam

Bonjour,

Désolé pour ce temps d'inactivité, mais je reviens car j'ai trouvé ce qui me convenait.
Site en 3 Colonnes

Le rendu est convenable par rapport à ce que je désirais.

J'espère que ca pourra aider certains d'entre vous.

Merci de votre aide.