Probleme de mise en forme entre 2 div [Résolu]

Bonjour, j'aurais besoin de votre aide sur le site de mon club que je suis en train de refaire.
J'ai créé 2 div qui sont l'un en-dessous de l'autre.
Le souci est que je n'arrive pas à les séparer de 10px. Le margin 10px ne change rien. Le module du dessous ne bouge que si je mets un margin de 100px.
Tout aide sera la bienvenue
Merci d'avance.

http://www.marbellasurfclub.com/test/index.php
Modifié par tintin_btz (06 Dec 2010 - 18:11)

Bonjour,

Je ne trouve aucun margin à 10px dans ta feuilles de style. Pourrais-tu être plus clair au sujet des divs concernés (leurs ID ?) ?

Edit : Ah si, sur menu. À priori un problème de fusion de marges.

Edit bis : En fait ce serait plutôt le float sur #pages qui poserait problème (mais comme je ne sais pas tester...)
Modifié par Laurie-Anne (06 Dec 2010 - 14:58)

Oui voila le souci vient du <div id="menu"> et <div id="pages">
Merci d'avance

Salut,

Mets un overflow:hidden sur ton div #menu et ça résoudra le problème. La solution est en fait liée à ce problème là :
http://www.alsacreations.com/astuce/lire/7-depassement-flottants-css.html

Ton div #menu ne contient pas ses enfants flottants qui sont donc hors du flux, l'élément suivant, #pages, prend pour référence son frère, qui n'a pas de hauteur et donc tu devais mettre une marge haute de la hauteur du menu pour rétablir un flux correct.
Modifié par Agylus (06 Dec 2010 - 15:03)

Merci beaucoup cela fonctionne.

Rebonsoir, j ai un nouveau petit problème.
J ai une barre grise qui est apparue entre le bandeau flash et le menu quelqu'un pourrait il me dire d'où cela pourrait venir?
Mixi

Il y a un <hr> dans ton code. C'est son apparence par défaut.

Parfait merci