Espace entre bloc html et body Fermé

Question

Bonjour,

J'aimerais supprimer l'espace blanc entre le bloc html et le bloc body (lui-même composé de header, main et footer). Je suis en html5 en codage UTF-8 SANS BOM.

J'ai essayé :


html, body 
{
 margin:0;
 padding:0;
}

Mais cela ne marche pas. J'ai donc trouvé sur ce forum une solution disant qu'il faut ouvrir le document html sur notepad++ (je travaille sous Brackets) et de mettre l'encodage en UTF-8 SANS BOM. Là encore, toujours aucun effet. J'ai donc fait cette page test pour comprendre d'où vient l'erreur et m'en remets à vous en espérant que vous ayez une solution à mon problème.

Le HTML :


<!DOCTYPE html>
<html>

 <head>
  <title>Titre de la page</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" type="text/css" href="./css/accueil2.css" />

 </head>

 <body>
  <header>
   <p>
    le header
   </p>
  
  </header>
 
  <main>
   <p>
    le main
   </p>
  </main>
 
  <footer>
   <p>
    le footer
   </p>
  
  </footer>
 </body>
</html>

Le CSS :


html, body 
{
 margin:0;
 padding:0;
}

Merci d'avance ! :)

le header

le main

Le CSS : html, body { margin:0; padding:0;} Merci d'avance ! :) Configuration: Windows / Chrome 43.0.2357.81

animostab · Answer

salut

Cela ne vient pas de l'utf-8 et continue a utiliser brackets qui est bien mieux que notepad++
essaie de faire pour tester

html, body 
{
 margin:0;
 padding:0;
 top:0;
 left:0;
}

body {
background: red;
}
 
regarde si il y a un espace entre le fond rouge et le bord de la fenetre
normalement il ne devrait pas y en avoir et le problème vient d'autre part

Espace entre bloc html et body

1 réponse

Discussions similaires