Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2915 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1813990
itisthemer​de
Posté le 19-11-2008 à 19:19:43  profilanswer
 

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:

mood
Publicité
Posté le 19-11-2008 à 19:19:43  profilanswer
 

n°1814042
itisthemer​de
Posté le 19-11-2008 à 21:35:39  profilanswer
 

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:

n°1814056
FlorentG
Unité de Masse
Posté le 19-11-2008 à 22:24:39  profilanswer
 

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;


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[HTML/CSS] problème d'organisation - Résolu.[SQL] Problème Order By
Probleme de compilation avec les template[scriptaculous]Problème Drag n Drop
Problème : Envoi de mailProblème avec LoadVars!!!
probleme avec la commande makeprobleme lazy loading
[HTML/CSS/Javascript] Viso conférence 
Plus de sujets relatifs à : Problème d'image d'arrière-plan en CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR