Problème d'image d'arrière-plan en CSS

Problème d'image d'arrière-plan en CSS - HTML/CSS - Programmation

Marsh Posté le 19-11-2008 à 19:19:43    

Bonjour,
 
J'ai un petit problème d'arrière-plan capricieux. Désolé, je ne peux vous montrer la page car je ne l'ai pas là. :jap:
 
Dans ma feuille de style, body a les attributs suivants :

background-image: url(fond.jpg);
background-position: bottom;
background-repeat: repeat-x;


Sous IE : ça s'affiche comme je le souhaite, à savoir l'image est répétée horizontalement en bas. :)
Sous Firefox : l'image apparaît tout en haut de la page et pas complètement, elle est rognée ! :(
 
A noter que si background-position est sur top, cela s'affiche correctement et pareil dans les deux navigateurs. Il n'y a qu'avec bottom que ça coince. :o
 
Je ne veux pas que le fichier image soit fixe, je ne peux donc pas utiliser background-attachment: fixed;. J'ai essayé de paramétrer body en précisant par exemple height: 100%; ou height: auto; mais à ce moment, le fichier image se trouve en bas de l'ECRAN affiché. Et comme mes pages sont longues, quand je défile, je le perds. :/
 
Merci bien !!!!! :hello:

Reply

Marsh Posté le 19-11-2008 à 19:19:43   

Reply

Marsh Posté le 19-11-2008 à 21:35:39    

J'ai essayé de faire un calque dessous ma mise en page (z-index: -1;) qui contiendrait l'image d'arrière-plan mais quand je mets bottom: 0px; pour qu'il s'affiche en bas de page, celui-ci s'affiche une fois de plus en bas d'écran et non en bas de page :cry:

Reply

Marsh Posté le 19-11-2008 à 22:24:39    

Si je ne m'abuse, faut tout expliciter dans background-position, genre :

Code :
  1. background-position: bottom left;


[:petrus dei]
 
Et tu peux raccourcir la syntaxe :

Code :
  1. background: url(fond.jpg) repeat-x left bottom;

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed