Pourquoi y a-t-il une marge en haut de mon navigateur?

Question

J'ai un web page qui s'affiche différemment dans Firefox et Safari (tests IE à venir).

La page s'affiche comme prévu dans Safari, mais il y a une marge de 50px entre le corps et le HTML que je ne peux pas déterminer quelle est la cause.

Voici le CSS pour le corps:

body  { 
font-size: 13px; 
line-height: 1.333em; 
background: #f6eaae url(../_images/parchment-big.jpg) no-repeat center top; 
font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
color: #323232; 
} 

J'apprécierais vraiment une aide pour trouver ce qui est à l'origine de cette différence. Idéalement, la version de Firefox est meilleure car elle donne plus d'espace de respiration au sommet.

Merci.

Answer 1

J'ai regardé votre code et votre erreur se trouve dans les propriétés #container:

#container 
{ width: 1100px; margin: 0 auto; margin-bottom: 50px; } 

vous devriez plutôt dire

#container 
{ width: 1100px; margin-left: 50px; margin-right: 50px margin-bottom: 50px; } 

Answer 2

Basé sur votre site, je crois que le problème est réellement avec le div id'd comme "conteneur". Cela a sa propriété de marge supérieure définie à 50px. Réglez ceci à 0px, explicitement, et ça devrait aller.

Answer 3

Il en va si vous supprimez la marge définie sur #container