background image fixe

**Mike35** · 11/09/2006, 10h56

Bonjour à vous,
j'ai un petit souçi, j'aimerai savoir si il est possible de fixer le background d'une image.
Je m'explique, je souhaiterai que mon image soit affichée entierement sur mon écran.
Le problème est que quand je fais :

Code :

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

body{background-image: url(monImage.jpg);}

et bien je ne vois pas le bas de mon image. Elle est en quelque sorte coupée.

Y'a t'il une solution ?

**MasterOfChakhaL** · 11/09/2006, 11h01

C'est parce que le corps de ta page n'est pas assez long. L'image est le fond du body, si le body est trop petit, tu ne pourras pas tout voir...

tu peux tenter ceci:

Code :

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

1
2
3
body {
  height: 100%;
}

**Mike35** · 11/09/2006, 11h04

Ca ne fonctionne pas, j'ai essayé 100%, et rien n'a changé. Meme en essayant 50%, il ne se passait rien non plus

**MasterOfChakhaL** · 11/09/2006, 11h06

Est-ce qu'il y a du contenu dans ta page?

essaye ca pour voir si on part dans la bonne direction;

Code :

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

1
2
3
4
 
body {
  height: 1000px;
}

**Mike35** · 11/09/2006, 11h08

Ce ne change absolument rien, j'ai l'impression qu'il ne le prend pas en compte.

**DBProg** · 11/09/2006, 11h20

Salut,

Ton image doit dépasser la taille (verticale) de la page (ie. de ce que le navigateur peut afficher sans utiliser l'ascenceur).

Je ne te conseille pas de mettre une grosse image en fond, car les résolutions sont souvent différentes, et le rendu peut être moyen, voire moche chez certaines personnes.

Mais si tu tiens absolument à faire ça, peurt-être que cette solution fonctionnera :

css

Code :

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

1
2
3
4
5
6
body {
background-image : ...
}
#fond {
height : nnn px (où n est la hauteur de ton image)
}

html

Code :

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

1
2
3
4
5
<body>
<div id="fond">
texte ...
</div>
</body>

**MasterOfChakhaL** · 11/09/2006, 11h20

si tu nous fait voir ton html et ton css, p'tet qu'on trouvera quelque chose qui explique cela...

background image fixe

HTML

Vue hybride

Discussions similaires

Partager

Partager