28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je me permet de poster ici une question que j'ai également posé sur la liste des pompeurs mais n'ayant pas trouvé de réponse, je m'en remets à vous Smiley cligne

Pour mon nouveau site tout neuf, je cherche à placer une image en fond de
page qui soit centrée sur la largeur et collée en bas, afin de faire une
sorte d'effet miroir. Problème : Firefox ne le prend pas (Opéra non plus).
Pas de problème sous Safari et IE par contre.
Le style concerné :

body {
background: #fff url(/img/fd1.jpg) no-repeat center bottom;
}

J'ai essayé avec les pourcentages, et le comportement sous Firefox est
vraiment bizarre. J'ai l'impression que mon image est sans doute affiché
mais elle passe "en-dessous" du navigateur (je sais pas si je suis clair là
?). Si j'essaie de mettre 80% par rapport au top, l'image n'apparait pas non
plus, j'arrive à la faire descendre en faisant "-500%", -600%, -700%... très
étrange tout de même. Et la manière dont l'image descend fait plutot croire
que ce sont des pourcentage par rapport à la hauteur de mon image plutot que
par rapport à la hauteur de la zone d'affichage dans le navigateur. J'avais
jamais vu ce type de bug. Petite précision, je viens de passer à firefox
1.5.1

Pouvez-vous me confirmer que vous ne voyez pas non plus l'image avec FF
1.5 voire inférieurs ?
Et si vous connaissez une solution ou une astuce pour contourner le pb ?

Merci

J'oubliais l'essentiel : http://www.duvelours.com" rel="nofollow noopener" >www.duvelours.comhttp://www.duvelours.com
Et comme c'est l'époque de passer son siteà l'épreuve des critiques,
n'hésitez pas non plus, merci

Olivier
Bonjour,

je te copie/colle ce que j'ai envoyé sur la ML de pompeur-css[1] :

a écrit :
cela vient du fait que sous Firefox 1.5 (enfin, Gecko 1.8) un
comportement a été modifié : le contenu de ta page (id #page) étant
positionné en display:absolute il sort du flux courant. C'est pourquoi
Gecko n'a aucune raison d'étendre la hauteur de ton body aux dimensions
de ton id #page Smiley cligne
Ce comportement est certes agaçant lorsque l'on a goûté à l'ancienne
gestion, mais elle s'avère être plus logique et juste en fait.


[1] voilà une heure et demie que j'ai répondu sur la ML mais ma réponse n'est toujours pas passée(pas d'erreur en postant hein Smiley langue ) -_-
Modifié par piouPiouM (03 Feb 2006 - 13:00)
Arrrgh ! du coup, ça part en sucette sous IE Mac ! Bon c'est moins important, je vais faire une pause avant de m'arracher les cheveux Smiley cligne