Probléme positionement div [resolu]

Bonjour,

Je suis perdu dans les positions relative, absolute et les floats.

Voici le html

<div class="fond">

<div class="conteneur">

<div class="tete"></div>

<div class="menu">

</div>

<div class="contenu">

</div>

<div class="pied">

<a class="petit" href="#" target="blank">xhtml</a>
<a class="petit" href="#" target="blank">css</a>
<a class="petit" href="#" target="blank">php</a>
<a class="petit" href="#" target="blank">sql</a>

</div>

</div>
</div>

Et les css

.fond {
    width: 696px;
    height: auto;
    background-image: url(images/fond4.png);
    background-repeat: repeat-y;
    margin-right: auto;
    margin-left: auto;
}
.conteneur {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
}
.tete {
    width: 636px;
    height: 170px;
    background-image: url(images/tete.png);
}
.contenu {
    width: 496px;
    height: 600px;
    margin-top: 10px;
    background-color: #e9e9e9;
    float: right;
}
.menu {
    width: 130px;
    height: 600px;
    margin-top: 10px;
    background-color: #e9e9e9;
    float: left;
}
.pied {
    width: 636px;
    height: 25px;
    margin-top: 10px;
    background-image: url(images/pied.png);
    text-align: right;
    line-height: 25px;
    position: relative;
}

Le probléme, c'est que le fond ne s'affiche pas sous les div "menu", "contenu" et "pied".

Voici la page pour être plus clair :

http://vincentlenoir.d.free.fr/site%20perso/

Merci
Modifié par Vince71 (02 Jul 2005 - 22:23)

Salut,

je pense que c'est parce que ton fond est vide; avec height: auto, sa hauteur dépend uniquement de ce qu'il contient. Essaie en lui donnant une hauteur spécifique, par exemple 500px.

Merci de m'aider
En mettant 500px, ça marche, mais il faudrat à chaque fois agrandire le cadre dés que je met du texte, d'où la valeur auto dans le height du fond. Pourtant dans le div "fond", il y a les div "tete", "menu", contenu" et "pied"
Modifié par Vince71 (02 Jul 2005 - 17:03)

Et avec height=100% pour le fond??

Non, toujours pas. Je viens aussi de voir que le "pied", ne se met pas aprés les div "menu" et "contenu" alors que je l'a placé aprés.

Je ne comprends pas pourquoi tu as mis le pied en position: relative...

Il y a un truc qui m'échappe: tu veux que l'image du fond soit visible aussi dans "tete", "menu", "contenu" et "pied"??

Non, en fait je voudrais obtenir cela :

http://vincentlenoir.d.free.fr/site%20perso/

Ici, le fond se répéte quand j'agrandie le div gris.
Mais avec une colone à gauche, j'ai donc fait un div, qui "float" à gauche, et l'actuel qui "float" à droite. Mais les floats, empêche le fond de se répeter

Merci pour la patience
Modifié par Vince71 (02 Jul 2005 - 17:49)

voilà, je croit que j'ai trouvé, faut pas mettre le float right pour le "contenu"
Modifié par Vince71 (02 Jul 2005 - 22:22)

Mets quelque chose dans tes div (ceux en float), ou bien mets-leur une bordure rouge, afin qu'on puisse voir ce qui ne fonctionne pas, et mets à jour ton lien quand c'est fait.

Nan mais c'est bon, ça marche, j'utilise en fait une hauteur fixe, c'est plus simple et ça m'arrange
Merci pour ton aide