Problème de marge supérieur en CSS

Question

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.

moicjm · Answer

ç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;

moicjm · Answer

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;

ThEBiShOp · Answer

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 ?

ThEBiShOp · Answer

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...)

ThEBiShOp · Answer

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...

Problème de marge supérieur en CSS

5 réponses

Discussions similaires

Newsletters