[Résolu] Problème de marges

lowkzilla

11 Sep 2008 à 16:56

Bonjour,
un problème peu banal m'amène.
J'ai 2 div imbriqués, le premier plus grand que l'autre pour créer un fond au deuxième qui lui contient une image.
J'ai donc le code html suivant:


<div id="fond">
<div id="contenu">
<img width="900" height="325" src="slideshows/intro/intro_1.jpg" alt="maphoto"/>
</div>
</div>

Et du coté du css ca donne ca:


#fond {
    background-color: #F3F3F3;
    width: 980px;
    height: 405px;
}

#contenu {
    margin: auto;
    width: 900px;
    height: 325px;
    background: red;
}

Le soucis est le suivant:
Seule la marge supérieur n'est pas appliquée. Mon bloc intérieur est donc centré horizontalement mais collé en haut.
En revanche, si je colle un padding à mon bloc #fond (même 1px suffit), et un margin fixe à mon bloc #contenu, la marge supérieur est appliquée.

Alors? Qu'en disent les gourous du css?? Smiley lol