Discussion :

[Darkus_91]

Bonjour a tous, je desir fixer une image de fond dans une cellule <div> quelque soit mon navigateurr.

j'utilise donc la proprieté
background-attachment:fixed;

hors sur EI aucuns probleme, mais sur Mozilla je m'appercois que mon fond est positioné relativement a ma fenetre et non a mon div, ce qui est plutot ennuyant.

que dois je faire?

mon CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
.frame {
		position: relative;
		margin-left: 150px;
		margin-top: 0px;
		width: 700px;
		height: 450px;
		background-color:#FFF;
		background-image: url("images/fond-variable.gif");
		background-attachment: fixed;
		background-position:top left;
		overflow: auto;

[Darkus_91]

j'ai fais différement, mais si quelqu'un a la solution je suis preneur, car je n'aime pas le bricolage.

[hellspawn_ludo]

Bonjour,

Pourrait-on voir le code HTML qui va avec svp ?

Merci.

[¤dinky¤]

Bonjour,

En faite FF n'utilise pas les même propriété de fenêtre que IE.

Donc il arrive d'utiliser un système où l'ont renseignent 2 propriété CSS sur une seul feuille de style. C'est l'utilisation de 'expression' pour faire la distinction entre les 2 ! (javascript)

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
.frame {
/*les deux navigateurs*/
		position: relative;
                          background-color:#FFF;
                          background-image: url("images/fond-variable.gif");
		background-attachment: fixed;
		background-position:top left;
		overflow: auto;
 
/*FF*/
		margin-left: 130px;
		margin-top: 0px;
		width: 680px;
		height: 440px;
/*IE*/
                          margin-left:expression('150px');
		margin-top:expression('0px');
                          width:expression('700px');
                         height:expression('450px');
		}

Il y a plus de codes mais c'est une solution.