[CSS ] mon background-attachment fonctionne uniquement sur IE [Résolu]

Signaler
Messages postés
167
Date d'inscription
mardi 20 janvier 2004
Statut
Membre
Dernière intervention
24 mai 2010
-
Messages postés
167
Date d'inscription
mardi 20 janvier 2004
Statut
Membre
Dernière intervention
24 mai 2010
-
Bonjour,  
j'ai une image de fond qui est centrée mais je voudrais que lorsque la fenetre du navigateur est plus petite que mon tableau principale alors il ne se centre plus (il ya donc un decalage entre l'image qui se trouve dans le tableau et celle du bg), j'ai fait ceci :


Code :

<ol class="olcode" id="code1">
<li>

<html><head>

</li>
<li>
<style type="text/css">
</li>
<li>
body {
</li>
<li>
background-image: url(bg.jpg);
</li>
<li>
background-repeat: repeat-y;
</li>
<li>
margin-left: 0px;
</li>
<li>
margin-top: 0px;
</li>
<li>
margin-right: 0px;
</li>
<li>
margin-bottom: 0px;
</li>
<li>
background-attachment: scroll;
</li>
<li>
background-position: top center;
</li>
<li>
background-color: #000000;
</li>
<li>
}
</li>
<li>

</style>

</li>
<li>
</head>
</li>
<li>
<table  align="center" border ="0" height="50" width="1000">----, </td>

</li>
<li>
</html>
</li>
</ol>
</td>
</tr>
</tbody>
</table>


ça marche très bien sous IE mais par sous mozilla ou opera
 
je ne comprends pas pourquoi ..  
merci de votre aide

4 réponses

Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
14
Bonjour,
Vu le problème !

IE, SAFARI centrent par rapport au document, les autres, FF OPERA K-MELEON par rapport à la fenêtre..
à lire tout de même pour info...
http://www.quirksmode.org/css/background.html
et
http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment

une solution consiterait à encapsuler la page dans un DIV avec le fameux background
sur le onlaod du document il faudrait redimensionner le DIV aux valeurs maxi du document
cela reste de la bidouille, est ce le meilleur chemin ?



;0)
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
14
Bonjour,
essaies peut être plutôt un truc du style...



;0)
Messages postés
167
Date d'inscription
mardi 20 janvier 2004
Statut
Membre
Dernière intervention
24 mai 2010

non, je viens de tester et ça change rien.
Ca marche très bien sous IE mais pas FF et opera

<html><head>
<style type="text/css">
body {
 background-image: url(bg.jpg);
background-repeat: repeat-y; 
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 background-attachment: scroll;
 background-position: top center;
 background-color: #000000;
}
</style>
</head>




</html>

merci de votre aide
Messages postés
167
Date d'inscription
mardi 20 janvier 2004
Statut
Membre
Dernière intervention
24 mai 2010

ok, merci pour ces infos,...
J'en ai marre de ces problèmes de compatibilié ...

je vais essayer de bidouiller un truc en JS ...