Étrange espace supplémentaire dans le corps

Dans cette page de test, l'élément a une étrange montant supplémentaire de l'espace sur le haut:

http://dl.dropbox.com/u/3085200/canvasTest/index.html

J'ai essayé de mettre margin, padding, top tous à 0 pour le corps, et padding à 0 pour le html, mais rien n'a aidé.

html
{
    padding:0px;
}
body
{
    margin:0px;
    padding:0px;
    top:0px;
}

source d'informationauteur Razor Storm

  1. 26

    Essayez ceci dans le css:

    h1 {
    margin-top: 0;
}

    C'est un scénario commun (logo image enveloppée dans la balise h1):

    Étrange espace supplémentaire dans le corps

  2. 12

    Je crois que c'est en fait causée par la marge sur votre h1 élément.

  3. 2

    Ma console est en montrant un 0.67em marge supérieure sur le <h1> entourant votre élément de plus haut niveau.

    ...

    h1 {
    margin: 0;
}
  4. 0

    Vous <h1> a défaut margin-top ajouté à cela, il est donc en poussant le <body> vers le bas à partir du haut de la fenêtre.

    body > h1:first-child { margin-top: 0; }
  5. 0
      html > h1:first-child { margin-top: 0; }
  6. 0

    Bien, je suis sûr que les experts vont en rire. J'ai commencé à utiliser l'Expression Web 4 et tenté de l'en-tête info pour mes pages dans un fichier header.txt à inclure sur chaque page. J'ai changé le type de fichier à partir de code html shtml et utilisé cette ligne:

    Tout va bien, sauf pour un satanés espace supplémentaire en haut du fichier.

    La solution était:

    Outils>Options de l'Éditeur de>la Création de

    Décochez la case .txt sous "Ajouter une Marque d'Ordre des Octets lors de la création ou le changement de nom de l'UTF-8 documents avec ces extensions de fichier."

    J'espère que cela aide quelqu'un d'autre aussi naïve que I.

  7. -2

    Je sais que ce post est vieux, mais je voulais partager une autre solution qui a fonctionné pour moi, pour quelqu'un qui pourrait venir à travers ce même poste, à la recherche de l'aide, comme je l'ai.

    Chaque solution que j'ai trouvé semble être le résultat d'une erreur, mais je n'ai pas toutes les erreurs, qui pourraient voir. Après plus d'une heure de la résolution de problème et de rattache à l'exception d'un de mes anciens dessins, j'ai trouvé cette solution:

    Dans le CSS de la DIV que vous souhaitez attaché à la partie supérieure du navigateur, ajouter une simple ligne:

    #ContentContainer{

border: 1px solid transparent;

};

    Je ne suis pas tout à fait sûr de savoir pourquoi cela fonctionne ou pourquoi il est nécessaire, mais il en fait l'écart disparaître.