[RESOLU] Problème de height 100% non fonctionnel à 100%

Bonjour,

Je suis en train de recoder tout mon site et je suis confronté à un problème...

J'ai un conteneur entouré d'un ombrage. Si je connais la largeur, je ne connais malheureusement pas la hauteur du conteneur et donc j'ai un height:100% sur un DIV qui contient un background.

Mon problème est que lorsque je charge la page, le 100% est en fait 100% de ma fenêtre WEB et non du conteneur... De ce fait, si ma page est + haute que ma fenêtre et que je descends avec l'ascenseur de la page, la bordure s'arrête en plein milieu...

Ca, c'est pour FireFox...

sur IE, il ne fait même pas du tout les 100%... du coup, pas de bordure verticale

Merci de votre aide...

Pour voir le problème ==>

http://betav5.moto-racing.be

login : demomotoracingv5
pass : demobetav5

Via les sources, vous pouvez avoir accès à tous les fichiers /css
Modifié par fred036 (27 Jun 2007 - 16:20)

Pas besoin de trois div ici (gauche, droite, centre). Utilise seulement le centre, qui devra donc être un peu plus large, et auquel tu donnes une image de fond qui fait toute la longueur (avec l'ombre sur le orange de gauche, ensuite du blanc, et enfin le petit bout d'orange de droite). De cette façon, ton contenu poussera automatiquement ton fond.

Et dire que c'est si simple :$

Merci, je vais tester

voilà, c'est en place... merci beaucoup

J'ai juste un petit souci avec un div qui "tire une ligne blanche" de 3 px de haut et qui est nickel sous Mac et sous Firefox mais sous IE Win, elle est haute d'une dizaine de pixel...

aucun padding ni aucun margin en place...

d'un autre côté, c'est un détail, mais c'est juste que je ne comprends pas pourquoi...

J'ai pas vu de problème sous IE7. Et j'ai pas d'IE6 pour tester. Fais peut-être un screenshot.

(edit par Igor: merci d'éviter d'afficher des illustrations gigantesques qui déforment le forum sur les tailles d'écran habituelles. Cocher le bouton "vignette" si vous transférez vos images sur le forum)

Sur le premier, c'est Win IE 6

Sur le second, c'est Win FF et Mac FF / Safari / IE
Modifié par Igor (27 Jun 2007 - 13:12)

Et le div en question est :

#clearh03 {
	clear:both;
	background-color: #FFFFFF;
	height:3px;
	width:1008px;
}

Ah oui j'avais mal lu ton post précédent en fait. Je crois que ton problème vient du fait que IE laisse de toute façon la hauteur nécessaire pour une ligne de texte. Essaie donc de diminuer le line:height.

nop, aucun changement

Et avec ceci ?

#clearh03 {
	clear:both;
	background-color: #FFFFFF;
	height:3px;
	font-size: 0px;
	line-height: 0px;
}

parfait partout

un super grand merci