Problème margin entre 2div [résolu][solution: fusion des marges]

Salut à tous,

je suis assez débutant et je ne connais uniquement les bases du css (site du 0) et j'ai un petit problème:
je met en forme un design, mais j'ai un petit problème dans mon header:

J'ai créé une div et j'en ai mis une autre dedans:
voici le xhtml:

   <div id="header">
     <div id="menu">
     </div>
   </div>

et voici le css:

#header
{
   width: 796px;
   height: 83px;
   background-image: url("images/header.png");
   background-repeat: no-repeat;
}

#menu
{
   width: 492px;
   height: 42px;
   margin-left: 252px;
   margin-top: 32px;
   background-color: #000000;
}

j'utilise dreamwever pour "coder".
il y a un problème au niveau des marges de ces 2div

voici le résultat: img du haut sous dreamwever . l'img du bas sous firefox3
http://tamkio.free.fr/screen-pbl-css.png

j'ai aussi testé de remplacer la div menu par une class mais c'est pareil.
quelqu'un pourrait-il m'aider à trouver ce problème je pense que c'est une question de css mais pas si sûr

Merci pour votre aide d'avance.

Bonjour oosmatouki,

Il me semble que nous avons à faire au phénomène de la fusion des marges

Les tests de l'ami Florent V. t'en diront un peu plus

Cdt,
Sylvain

merci je vais essayer de trouver la solution je te dirais si j'ai trouvé merci

** 2mn après **

et bien ça marche j'ai remplacé margin-top du menu par le padding-top du header et ça marche impeccable !
Merci beaucoup pour ce site ^^

je met le topic en résolu mais je le relancerais surement pour d'autres problèmes.
Modifié par oosmatouki (19 Jun 2008 - 18:57)

oosmatouki a écrit :
merci...et bien ça marche...

Tu en doutais ?
De rien

Par contre, il s'agira d'ouvrir un nouveau sujet pour un nouveau problème, afin de rester cohérent et suffisemment clair sur les problèmatiques posées et leurs résolutions

Cdt,
Sylvain

enfaite je pense aussi ^^

je doutais pas que ça marcherais mais que j'y arrive ^^ je ne suis pas à l'aise dans l'utilisation du css ^^