décalage background-image (IE et FF)

**mdr_cedrick** · 04/09/2008, 14h11

Bonjour à tous

j'ai un petit soucis avec une image de fond pour un site
voici le code de base pour le moment (je créé la structure graphique)

Code :

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

1
2
3
4
5
6
7
8
9
<body style="margin:0px;padding:0px;background-image:url(./img/fond_body.png);background-repeat:repeat-y;background-position:top center;">
 
<center>
 
<div style="background-image:url(./img/fond_test.png);background-repeat:no-repeat;width:987px;height:649px;"></div>
 
</center>
 
</body>

en fait j'ai dans mon div une image avec une bande noire verticale et plein de choses en plus dessus.
mon patron veut que cette bande noire continue jusqu'en bas du site
j'ai donc créé une image de 1px de haut et large comme mon autre image et qui contient cette bande noire
dans ma balise <body> je l'insère pour que ça descende jusqu'en bas de la page et je la centre (background-repeat:repeat-y;background-position:top center

le problème c'est qu'entre ces deux images j'ai un décalage d'1 px dans FF et heureusement aucun dans IE6 et IE7
je vous ai joint le un aperçu de ce décalage

En espérant trouver une réponse

merci d'avance

**mdr_cedrick** · 04/09/2008, 14h27

j'ai trouvé une autre solution avec un découpage différent des images et ça fonctionne

merci quand même

décalage background-image (IE et FF)

CSS

Vue hybride

Discussions similaires

Partager

Partager