Espace blanc en haut de la page

J’ai environ 20 pixels d’espace blanc en haut de ma page. J’ai inspecté chaque élément et rien n’a de rembourrage ou de marge dans cette zone. Lorsque j’inspecte l’élément body, il n’inclut PAS cet espace. Lorsque j’inspecte l’élément HTML, il inclut cet espace. Aussi si je supprime

 

l’espace blanc s’en va.

Voici ma mise en page principale

     Title   @RenderSection("Css", false)   @RenderSection("JavaScript", false)   

Ajoutez une réinitialisation CSS en haut de la feuille de style de votre site Web, différents navigateurs affichent des marges et des marges par défaut et des feuilles de style externes font peut-être quelque chose que vous ignorez.

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, ssortingke, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 

UPDATE: utilisez le sélecteur universel Au lieu de cela: @Frank mentionne que vous pouvez utiliser le sélecteur universel: * au lieu de répertorier tous les éléments, et que ce sélecteur semble compatible avec tous les navigateurs principaux :

 * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 

Essaye ça

 html, body { margin: 0; padding: 0; height: 100%; } 

Mis à part la réinitialisation de CSS, j’ai également ajouté les éléments suivants au CSS de mon conteneur div et cela l’a corrigé.

 position: relative; top: -22px; 

Ancienne question, mais je viens de tomber sur ça. Parfois, vos fichiers sont UTF-8 avec une nomenclature au début et votre moteur de template ne vous plait pas. Donc, lorsque vous incluez votre modèle, vous obtenez une autre nomenclature (invisible) insérée dans votre page …

 {INVISIBLE BOM HERE}... 

Cela crée un vide au début de votre page, où le navigateur affiche la nomenclature, mais il semble invisible pour vous (et dans l’inspecteur, il apparaît simplement comme espace blanc / guillemets).

Enregistrez vos fichiers de modèle au format UTF-8 sans nomenclature ou modifiez votre moteur de modèle pour gérer correctement les documents UTF8 / BOM.

Il pourrait y avoir plusieurs raisons pour lesquelles vous obtenez des espaces blancs comme mentionné ci-dessus. Supposons que si vous avez un élément div vide avec des entités HTML provoquent également l’erreur.
Exemple

 
 

Supprimer les entités HTML

 

Vérifiez tous les styles de webkit appliqués à des éléments tels que ul, h4, etc. Pour moi, c’était une marge avant et après la cause.

 -webkit-margin-before: 1.33em; -webkit-margin-after: 1.33em; 

Je viens de mettre CSS dans mon

fonctionne maintenant dans le code

 position: relative; top: -22px;