[HTML & CSS] Affichage image de fond

**hedgehog** · 30/09/2006, 14h08

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 :

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

overflow:auto;

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

Code :

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

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 ...

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

Merci d'avance

**Auteur** · 30/09/2006, 14h40

bonjour,

je crois que tu dois préciser le background-position.

**hedgehog** · 30/09/2006, 15h23

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 ?

**Auteur** · 30/09/2006, 15h34

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 :

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

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.

**hedgehog** · 30/09/2006, 20h51

J'y avais meme pas pensé lol

Pourquoi faire facile quand on peut faire compliqué ?

Ca marche beaucoup mieux maintenant.
Merci.

[HTML & CSS] Affichage image de fond

CSS

Vue hybride

Discussions similaires

Partager

Partager