Problème de Background avec Firefox

Fermé
BorisZeHachoir - 8 déc. 2010 à 10:04
 BorisZeHachoir - 8 déc. 2010 à 11:11
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
A voir également:

3 réponses

Lord Zero Messages postés 459 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
8 déc. 2010 à 10:26
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
.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é
0
BorisZeHachoir
8 déc. 2010 à 11:10
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.
0
BorisZeHachoir
8 déc. 2010 à 11:11
Autre précision, le fond d'écran doit toujours occuper entièrement le fond du navigateur internet. Si je ne met pas la "position:absolute", lorsque je passe sur un écran avec plus résolution, l'image de fond apparait trop petite, avec une bande blanche en bas...
0