Espace entre bloc html et body
luPanda
-
luPanda -
luPanda -
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é :
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 :
Le CSS :
Merci d'avance ! :)
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 ! :)
1 réponse
-
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-
Merci anumostab
Visiblement ça marche, la couleur s'applique bien sur l'ensemble de la page. Reste un hic, utilisant brackets, je peux voir les limites de mes blocs en direct et cela n'a pas changé ce qui est bizarre puisque le couleur s'applique en dehors du cadre. Mais le problème ne s'arrête pas là, le header, lui, reste en haut du cadre body représenté et son contenu ne va donc pas jusqu'en haut de la page.... Je ne sais plus quoi faire... -
utilise firefox avec les extensions webdeveloper et firebug pour controler et résoudre ce genre de problèmes liés à l'affichage (en cochant vider le cache en quittant dans les options firefox)
pense que chrome a un cache quelquefois très "persistant" au niveau du css, js images etc je n'utilise jamais chrome pour développer et tester ... -
-
