[HTML & CSS] Affichage image de fond

Version imprimable

30/09/2006, 14h08
hedgehog

[HTML & CSS] Affichage image de fond
Bonjour à tous,

Ma page est composé de cadres créés via CSS ( id ).
Un de ces cadres est scrollable si la quantité de données contenue dépasse la taille du cadre :

Code:

overflow:auto;

J'ai fixé la répétition du fond ainsi que le scroll :
Code:

1 2 background-repeat:no-repeat; background-attachment:fixed;
Tout va bien ( le cadre est scrollable et l'image de fond est fixe ) sauf que sous Mozilla, l'image se positionne mal :

- Sous IE :
Tout va bien !

- Sous Mozilla :
Là, ca ne va pas ... :cry:

Avez-vous une idée de comment régler ce probléme ?

Merci d'avance ;)
30/09/2006, 14h40
Auteur

bonjour,

je crois que tu dois préciser le background-position.
30/09/2006, 15h23
hedgehog

Ok merci de ce côté c'est réglé. Par contre, maintenant, sous IE l'image est décalée sur la gauche a cause de la largeur de la scrollbar alors que sous Mozilla l'image passe en dessous de cette scrollbar ...

Y a-t-il une option pour régler cela ?
30/09/2006, 15h34
Auteur
Non, franchement je vois pas trop comment résoudre ce problème. Le background est indépendant des dimensions de l'élément. Le seul truc est de jouer avec le background-position....qui varie en fonction du navigateur.:?

En fait, je me suis demandé pourquoi mettre l'image en tant que fond du div ? Car du coup cela nécessite une image de fond pour tous les autres éléments de la page et visiblement un collage qui est fonction du navigateur.

De plus, est-ce que cette page a été testée avec d'autres résolutions ? Car si les dimensions (width, height) des éléments sont proportionnelles à la taille de l'écran, je crains le pire :?

Pourquoi ne pas faire une seule image de fond et l'appliquer sur tout le document ?
Code:

1 2 <body style="background-image: url('fond.jpg')">
ainsi tous les autres éléments de la page auront un fond transparent et les raccords ne dépendront ni de la position des éléments, ni des navigateurs, ni de la résolution de l'écran de l'utilisateur.
30/09/2006, 20h51
hedgehog

J'y avais meme pas pensé lol

Pourquoi faire facile quand on peut faire compliqué ? :lol:

Ca marche beaucoup mieux maintenant.
Merci.