28220 sujets

CSS et mise en forme, CSS3

Pb d'affichage d'image de fond dans un calque sous Firefox

Bonjour,

J'ai dans une page HTML un calque qui contient une image de fond de même taille que le calque. Ce calque est décalé à droite de 150 pixels.

Dans Internet Explorer, pas de problème, il s'affiche correctement avec l'image en fond.

Dans Mozilla, Netscape et Opera, le calque s'affiche avec le texte mais l'image de fond, elle, n'est plus entièrement dans le calque ; elle semble démarrer du bord gauche, et donc on voit dans le calque la partie droite de l'image de fond. En fait, la largeur de cette image - le décalage du claque du bord gauche !

Alors, bien évidemment, j'ai essayé en supprimant de ma feuille de style les instructions background-attachment:fixed et background-repeat:no-repeat, qui là peuvent ne pas sembler nécessaires. Et là ça s'affiche correctement. Malheureusement, mon texte définitif va dépasser la hauteur de ce calque et je souhaiterais avoir le texte qui defile par un ascenceur à droite MAIS que l'image de fond rexte fixe.

Voici le line pour voir la page d'essai :
http://www.aer-direct.com/essai.htm

Si quelqu'un a une idée... ça serait une bonne idée que de me la soumettre !
Merci par avance

Al'
Remplace tout ce qui concerne le background par :

background:url(images/ac_fond.jpg) no-repeat fixed 150px 20px;
Bien vu, je ne me rapellais pas de l'article Smiley cligne

Donc ma solution ne marche pas top top.

Le plus simple serait de faire un sélecteur que IE ne comprend pas et de lui mettre ma ligne de code (par exemple body > balise)

et de mettre avant celui là un selecteur que ie comprend et lui mettre ton code d'origine.
je me suis inspiré de la méthode ennoncée dans le tuto et ça marche ! Smiley biggrin

merci à vous

heu, une petite question ! c'est la première fois que je viens sur ce forum, c'est toujours aussi rapide ?

al'
Sujet clos
Aller à