Discussion :

[piero53]

Bonjour,

J'ai un petit problème CSS pour mon site web.

Je souhaite mettre une image d'arrière plan. J'aimerais que cette image soit positionnée tout en bas de la page(qu'elle resté fixé en bas). Pour le reste de la page(au dessus de l'image) je mets une couleur.

Voici le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
body 
{
  background-color :#055963;
  background-image:url(../images/fond.jpg);
  background-position: bottom;
  background-repeat : no-repeat;
}

J'ai tenté de mettre l'attribut fixed ou autre chose, mais rien n'y fait, si la page est trop "courte" l'image ne se colle pas en bas de la page. Par contre si le contenu est assez long l'image se met bien en bas de la page et la couleur du background complète au dessus.

Merci

[sebhm]

Bonjour,

par défaut, body n'occupe que la hauteur nécessaire (pas forcément la page visible).

essaie d'ajouter cela dans ton code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
margin : 0;
padding : 0;
height : 100%;

[piero53]

J'ai déjà essayé d'ajouter celà

edit : désolé bug

[tzilliox]

Bonjour piero53 !

J'ai pas compris si ton problème était réglé ou non ?

Si tu as toujours un problème, tu peux t'inspirer de cette page.

Si tu n'as plus de problème, alors penses à marquer cette conversation comme résolu. Il y a un bouton en bas de cette page pour ça

Bonne journée,
Thomas.

[piero53]

Mon problème est réglé grâce à ton lien.

Merci

[tzilliox]

Et ben de rien piero53

Bonne courage,
Thomas.