[Résolu] Height 100% et firefox

Hacken

15 Jun 2005 à 11:31

Bonjour,

Comme beaucoup, j'ai un petit problème de height 100% sur firefox. Alors que sur IE tout semble fonctionner, firefox ne veut pas aller jusqu'en bas magré mon height: 100% dans html et body et dans le div #global.

Voici une partie de mon code css.


body, html{
	margin:0;
	text-align: center;
	padding:0;
	height:100%;
}
#global{
	position: relative;
	height:85%;
	margin-left:auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
	background-image: url(gfx/background.gif);
	height:100%;
}

Malheureusement voici ce que ça donne sous firefox (img : http://cyberfantasy.free.fr/jf/jf_00070.jpg )

J'ai essyé avec un clear en both ou encore les plusieurs façons décrites sur alsacreations, mais rien ne change, soit c'est sur IE qui le problème reviens soit sur sur Firefox.

Merci d'avance.
Bonne journée.
Modifié par Hacken (15 Jun 2005 - 12:45)

CyrilCS

15 Jun 2005 à 12:17

regarde ton code


#global{
position: relative;
height:[b]85%;[/b]
margin-left:auto;
margin-right: auto;
width: 800px;
text-align: left;
background-image: url(gfx/background.gif);
[b]height:100%;[/b]
}

Tu redefinis 2 fois la hauteur, aprés reflexion ca ne devrait rien changer, mais enleves en un peut etre que ca ira mieux aprés Smiley smile

Sinon si ton background possede la bonne largeur tu peux le mettre sur le body, avec un

background-position:center center; background-repeat: repeat-y

Hacken

15 Jun 2005 à 12:44

En effet, j'avais pas fait attention, et en effet cela ne change pas grand chose à mon problème.

Mais la méthode donnée avec le background semble me convenir parfaitement Smiley smile

Je te remercie pour la réponse rapide. Je vous souhaite une bonne continuation.