Faire continuer un div jusqu'en bas de page

Bonjour,

Je me heurte à un problème que je n'arrive pas à résoudre.

http://stoquert.eu/toutou/
http://stoquert.eu/toutou/style.css

J'aimerai faire continuer la bande orange de gauche jusqu'en bas, quoi qu'il arrive mais je ne trouve pas de solution pour toutes les configurations.

(j'ai volontairement mis un min-height moins important pour que vous puissiez voir)

Pourriez vous m'aider ?

Merci d'avance !!!

Bonjour,

sur le coup ( avec firefox ^^ ) j'ai pas compris le problème , mais avec mon bon vieux ie( 6 ... )
la j'ai compris ^^ je pense qu'il va te falloir un css pour ie6 :s ( et d'autre je sais pas )

pour le css en ie6 j'ai trouvé ca , si ca peux t'aider

Salut,

Merci de ta réponse mais non je ne pense pas que tu as compris

Le problème se trouve également sous firefox.
J'ai encore accentué la chose vu que tu as une petite résolution peut être.

Mon seul soucis à présent, c'est de faire continuer la bande orange jusqu'en bas, quoi qu'il arrive
La difficulté c'est que la bande orange doit rester en dessous du div text !

Merci d'avance !!

Ouais en effet j'ai une petite resolution ^^ , ca bug aussi sous firefox enfaite .. :s

J'ai essayé de taté un peu le css mais j'arrive pas a le faire marché

Le presque plus ressemblant ( mais nul quand même je crois .. :s ) , ca a était de remonté le degradé2 dans le html body , et de remonté le orange2 a la place , et de mettre une position a 12% -45% .. et de changé un peu les repeat-x en no-repeat , si ca peux t'aidé peut etre .. je sais pas du tout

Pourquoi ne pas mettre un height suffisamment grand sur le div container ? Avec un 800px ça marche bien : http://uppix.net/0/e/f/f8550e3019906a527612184198dd8.jpg

bioslord a écrit :
Pourquoi ne pas mettre un height suffisamment grand sur le div container ? Avec un 800px ça marche bien : http://uppix.net/0/e/f/f8550e3019906a527612184198dd8.jpg

Oui Ce serait tellement plus simple, mais ceux qui ont une résolution > 800px en hauteur auront un truc tronqué

Merci tout de même pour vos réponses, j'ai trouvé la solution
Voir post suivant

Donc voir http://stoquert.eu/toutou/

En fait, tout d'abord, j'ai inclue le div de texte dans le div de la bande orange. De cette façon, la bande orange grandit en fonction du contenu, ce qui n'était pas le cas précédement.

Ensuite, j'ai appliqué un min-height:100% sur le div container_menu (div sur lequel j'applique la bande orange). En prenant soin de définir un height 100% à tous les div parents, sinon cela de marche pas.

Voilà donc ce problème est résolu. Maintenant, un autre problème se pose : l'arrière plan dégradé est tronqué et limité à 100% de la page par défaut. Cela se voit quand le contenu est plus grand que le min-height par défaut : http://stoquert.eu/toutou2/

Donc une solution trouvée serait de mettre l'arrière plan dégradé dans le html, qui prend de toutes façons tout le contenu. Mais le problème c'est qu'il y a déjà un arrière plan imagé sur le html, qui prend le relais lorsque le dégradé ne suffit plus. Je ne trouve donc pas de solution non plus pour celà

Merci d'avance !!

Rappel : http://stoquert.eu/toutou/ - http://stoquert.eu/toutou2/