Problème de marge supérieur en CSS

Bonjour,

j'ai un léger soucis de marge ^^
Sous firefox aucun soucis, mais sous IE7 mes 2 blocs sont collés.

lien : http://o-nyx.com/
css: http://www.o-nyx.com/silver.css

il s'agit de la marge entre l'en-tête (menu + bannière) et le corps de ma page.
Configuration: Windows XP
Firefox 2.0.0.6

5 réponses

  1. ça, ce doit etre a cause du float, non ?

    (sous IE 6, c'est carrément beyrouth ton code : le menu se barre tout en bas).

    Essaie voir de mettre un clear:both;
    0
    1. Essaie aussi, pour voir si ca améliore pas le rendu, en changeant les % par des valeurs en "px" (ou en "em")

      margin: auto;
      margin-left: 10%;
      margin-right: 10%;
      margin-top: 20px;
      margin-bottom: 20px;
      0
      1. Contributeur
        mmh je vais commencer par installer un IE6 en standalone histoire de voir ce que ça rend...

        le clear:both sur quelle partie ? je l'ai mis pour le corps de la page et il n'y a aucune différence.
        Les % c'est pour centrer ma page quelle que soit la résolution utilisée, y'a moyen de faire autrement ?
        0
        1. Contributeur
          mmh sur IE6 je n'ai aucun problème, je dirais même plus, le rendu est exactement celui que je cherche (comme sous firefox, opera, etc..), c'est juste IE 7 qui pose soucis.

          (aucun problème avec le menu non plus...)
          0
          1. Contributeur
            Bon, ne parvenant pas trop à identifier le problème, j'ai fait un truc tout moche mais qui marche...

            j'ai mis une div vide entre les 2, et hop une marge apparaît...

            Par contre le soucis de menu dont parle moicjm je ne le vois pas, que ce soit sur opera, ff, ie 6 ou ie 7...
            0