Discussion :

[Guyome41]

Bonjour, je n'arrive pas mettre sur un bloque div (width 100%) un background étirable compatible firefox

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#test {  
	width:100%; 
	height:51; 
	background-repeat: no-repeat;
	background-image:url('../images/tright_header.png');
	background-size:100% 51;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="test"></div>

Sans le "background-repeat: no-repeat;" le background est dupliqué et non étiré... avec, le background n'est tous simplement pas étiré.
J'ai ce problème seulement avec firefox (ie, chrome, pas de problème).

Merci d'avance.

[Muchos]

Et en rajoutant l'unité "px" derrière les valeurs "51"?

[Guyome41]

Salut, non c'est que en faite firefox aime pas le mélange avec les % et les px...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-size: 100% 100%;

fonctionne a merveille

[Muchos]

non c'est que en faite firefox aime pas le mélange avec les % et les px...

Non non, ça marche!

[Guyome41]

pas chez moi

[Muchos]

Voici une petite démo avec background-size. Il n'y a aucune différence sur votre Firefox?