Problème de Background avec Firefox
BorisZeHachoir
-
BorisZeHachoir -
BorisZeHachoir -
Bonjour,
je suis en train de terminer un site internet et je me confronte a un problème majeur sans solution depuis hier, et pourtant j'ai cherché sur énormément de forum.
Je souhaite mettre mon image de fond en "position:absolute" pour qu'elle s'adapte à toutes les résolutions. Quand je fais le test sur IE, ou Chrome, ça fonctionne à merveille.
Par contre quand je le teste sur Firefox, l'image de fond est décalée sur la droite, environ au milieu de l'écran.
mon css:
"#background{
width:100%;
height:100%;
z-index: -999;
position:absolute;
}
mon html:
"<html>...
...<body>
<img src="images/fond8.jpg" alt="" id="background"/>
<div id="content">
<img class="logo" src="images/titre.png" alt="titre"/>
<ul id="menu_horizontal">
<li><a href="index.php?lien=accueil"><img class="menu" height=7% width=7% src="images/accueil.png" border="0"/></a></li>
<li><a href="index.php?lien=visite"><img class="menu" height=7% width=7% src="images/visite.png" border="0"/></a></li>
<li><a href="index.php?lien=acces"><img class="menu" height=7% width=7% src="images/acces.png" border="0"/></a></li>
<li><a href="index.php?lien=region"><img class="menu" height=7% width=7% src="images/region.png" border="0"/></a></li>
<li><a href="index.php?lien=contact"><img class="menu" height=7% width=7% src="images/contact.png" border="0"/></a></li>
</ul>
<div id="texte">{CORPS}</div>
</div>
</body>
</html>"
Je n'ai toujours pas trouvé de solution, et je commence a perdre espoir.
J'espère en trouver une ici.
Je vous remercie d'avance.
Ugo
je suis en train de terminer un site internet et je me confronte a un problème majeur sans solution depuis hier, et pourtant j'ai cherché sur énormément de forum.
Je souhaite mettre mon image de fond en "position:absolute" pour qu'elle s'adapte à toutes les résolutions. Quand je fais le test sur IE, ou Chrome, ça fonctionne à merveille.
Par contre quand je le teste sur Firefox, l'image de fond est décalée sur la droite, environ au milieu de l'écran.
mon css:
"#background{
width:100%;
height:100%;
z-index: -999;
position:absolute;
}
mon html:
"<html>...
...<body>
<img src="images/fond8.jpg" alt="" id="background"/>
<div id="content">
<img class="logo" src="images/titre.png" alt="titre"/>
<ul id="menu_horizontal">
<li><a href="index.php?lien=accueil"><img class="menu" height=7% width=7% src="images/accueil.png" border="0"/></a></li>
<li><a href="index.php?lien=visite"><img class="menu" height=7% width=7% src="images/visite.png" border="0"/></a></li>
<li><a href="index.php?lien=acces"><img class="menu" height=7% width=7% src="images/acces.png" border="0"/></a></li>
<li><a href="index.php?lien=region"><img class="menu" height=7% width=7% src="images/region.png" border="0"/></a></li>
<li><a href="index.php?lien=contact"><img class="menu" height=7% width=7% src="images/contact.png" border="0"/></a></li>
</ul>
<div id="texte">{CORPS}</div>
</div>
</body>
</html>"
Je n'ai toujours pas trouvé de solution, et je commence a perdre espoir.
J'espère en trouver une ici.
Je vous remercie d'avance.
Ugo
A voir également:
- Problème de Background avec Firefox
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - Navigateurs
- Exporter favoris firefox - Guide
- Comment supprimer bing de firefox - Guide
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
3 réponses
Dans la logique des chose et si j'étais toi, je placerais mon fond d'écran dans le body.
ma méthode
je crée un style css
et je l'appel
de cette façon le fond d'écran est toujours centré
ma méthode
je crée un style css
.body {
background:#ffffff url(accueil/body2.png) repeat-y center 0 !important;
et je l'appel
<body class="body">
de cette façon le fond d'écran est toujours centré
Merci de me proposer une solution.
Je rentre votre code dans le css (.body) et dans le body de l'html, mais l'image de fond n'apparaît plus, ni dans IE, ni dans Chrome, ni dans Firefox. (en mettant bien entendu le "}" que vous avez oublié, pas grave du tout ceci dit ^^)
Autre petite précision, je travaille avec une "structure.html", autrement dit, une page html jour la référence de construction pour toutes les autres crées.
Je ne sais pas si c'est important de le préciser, mais on ne sait jamais.
Je rentre votre code dans le css (.body) et dans le body de l'html, mais l'image de fond n'apparaît plus, ni dans IE, ni dans Chrome, ni dans Firefox. (en mettant bien entendu le "}" que vous avez oublié, pas grave du tout ceci dit ^^)
Autre petite précision, je travaille avec une "structure.html", autrement dit, une page html jour la référence de construction pour toutes les autres crées.
Je ne sais pas si c'est important de le préciser, mais on ne sait jamais.
