La Ferme du web - Les forums

Venez baraguiner avec la communauté !

Vous n'êtes pas identifié.

#1 24/03/2009 15:38:26

anarta
Membre
Lieu: Entre Orléans et Chateaudun
Date d'inscription: 05/03/2009
Messages: 45

Hauteur de page variable

Bonjour à tous, voila je suis en train d'intégrer ma maquette et j'ai un petit souci;
j'ai fait un schéma pour que ce soit plus simple a comprendre.
J'ai une div qui contient un contenu dynamique (en rouge), cette div s'agrandit en fonction de mon contenu et décale ma div "bas de page" (en noir), jusque la c'est ce que je veux, mais je voudrais que mes div en vert prenne la même hauteur que le contenu et là c'est le drame, ça ne marche pas:(.
Je vois pas trop comment faire, dois-je mettre mes div vertes dans celle en rouge?



http://site.voila.fr/uploadimg/div.jpg?0.9245540044168624

Hors ligne

 

24/03/2009 15:38:26

Botte De Foin Publicitaire


#2 24/03/2009 17:40:33

mickeys
Membre
Date d'inscription: 24/03/2009
Messages: 6

Re: Hauteur de page variable

Salut

alors deja il faut que tu donne une hauteur a tes div en vert
je ferais un  height="100%" ou height : 100% si c est en  css

cordialement

Dernière modification par mickeys (24/03/2009 17:40:51)

Hors ligne

 

#3 24/03/2009 19:49:26

DJo
Administrateur
Date d'inscription: 31/07/2008
Messages: 569
Site web

Re: Hauteur de page variable

La solution la plus simple consiste a créer un background qui s'étend en hauteur et qui donne l'illusion que les colonnes s'étirent comme le contenu.
Ce background est à mettre en repeat-y dans ta div conteneur, ici représentée en bleue.

Hors ligne

 

#4 25/03/2009 11:12:05

anarta
Membre
Lieu: Entre Orléans et Chateaudun
Date d'inscription: 05/03/2009
Messages: 45

Re: Hauteur de page variable

Merci pour vos réponses, j'ai suivi la méthode de Djo, mais je n'arrive pas a faire agrandir mon image de fond sous firefox alors que ça marche nickel sur IE; j'ai essaye pleins de modifs différentes mais rien n'y fait;
Le site ici   (les couleurs seront changées bien sur).
Alors voila quand je mets du contenu dans la partie bleu celle-ci s'agrandit et décale mon pied de page mais le cadre orange reste à la hauteur de ma div "cadre gauche" la ou se trouve les rubriques rechercher, événements et informations; sauf dans IE comme je l'ai marque plus haut.
Une petite idée?
Ne cliquez pas dans le menu j'ai pas mis les liens et je n'ai pas installé ma BDD alors vous aurez soit des pages blanches soit pleins d'erreurs!
Maintenant que j'ai marqué ça, la première chose que vous allez faire c'est de cliquer dessus!!

Dernière modification par anarta (25/03/2009 11:15:22)

Hors ligne

 

#5 25/03/2009 11:34:57

DJo
Administrateur
Date d'inscription: 31/07/2008
Messages: 569
Site web

Re: Hauteur de page variable

Rajoute un: overflow: hidden; dans ton conteneur principal et le tour est joué wink

Hors ligne

 

#6 25/03/2009 11:51:23

anarta
Membre
Lieu: Entre Orléans et Chateaudun
Date d'inscription: 05/03/2009
Messages: 45

Re: Hauteur de page variable

YAHOUUUUUUU  super, merci beaucoup ça marche!!!big_smile

Hors ligne

 

Pied de page des forums

Powered by FluxBB
© Copyright 2008-2009 - LaFermeduWeb.net