1 pièce(s) jointe(s)
Hauteur d'un div et background-image
Bonjour,
Je rencontre un problème de gestion de background image que je n'arrive pas à résoudre.
J'ai une principale <div id="contener"> qui englobe plusieurs <div>
Pièce jointe 172395
Sur cette div principal, j'ai mis un background-image.
Code:
1
2
3
4
5
6
7
| #contener {
background-image: url("../images/accueil/fond.jpg");
width: 960px;
height: 1500px;
margin: 20px auto 0px;
border-radius: 5px;
} |
Mais, pour que cette image s'affiche derrière l'ensemble des div, je suis obligé d'indiquer une hauteur, sinon, elle ne pas couvre automatiquement l'ensemble des div.
Voici un lien vers le site que je suis en train de construire.
http://objectifs-web.fr/
Difficile de donner plus d'explication ici, le problème se situe sur la page d'accueil du site, le background qui me pose problème est le lambris sur le contener qui est centré.
Si je désactive la hauteur, il ne couvre qu'un partie.
A priori, c'est un problème qui est lié à l'utilisation de la propriété float, mais je n'arrive pas à le résoudre.
Le problème que cela me pose, c'est qu'en fonction du nombre de guitare affiché, je souhaiterai que la hauteur du fond s'adapte automatiquement, ce qui n'est pas le cas actuellement.
Si quelqu'un à une idée, merci d'avance
Patrice
