CSS/Enlever espace blanc en haut d'un site

Question

Bonjour,

Je ne parvients pas à enlever l'espace blanc qui se trouve en haut de mon site. J'ai essayé "body {margin-top:0px}", "body {margin:0px}", "body {margin:auto}"... mais rien à faire. Quelqu'un peut-il m'aider ? Merci d'avance.

sh444dow · Accepted Answer

Un espace blanc au début de ton document n'est pas forcément provoqué ou résolu grâce à du code CSS.
En effet, si ton document est encodé en UTF-8 grâce à une charset spécifique dans ton <head>, et que tu a encodé ton document en UTF-8 AVEC BOM, il peut y avoir un espace non supprimable en css.
Pour celà je t'invite à encoder ton document en UTF-8 SANS BOM, la manipulation avec notepad++ est la suivante : Encodage >> convertir en UTF-8 (SANS BOM).

Domaj · Answer

padding-top0px; 
??

Domaj · Answer

Marche pas

alexou1984 · Answer

Merci quand même. Personne d'autre ?

alexou1984 · Answer

UP !!!

RMX · Answer

Si:
body{margin: 0px; padding: 0px;}
Ne marche pas j'ai testé de nombreuses fois ça marche, alors balance un margin-top à valeur négative dans ton bloc le plus haut.
Sinn ça doit venir de ton contenu.

dedrap · Answer

Attention aux margin-top négatif, souvent incompatible sous certains IE.

Sinon ne travaillerais-tu pas avec plusieurs feuilles de style ? notamment une qui se nomme screen.css ? Si c'est le cas, ce sont les paramètres qu'il y a dans ta feuille de style screen.css. 
La solution : sois tu regarde ce qui se trouve dans cette feuille, sois tu inverse l'ordre, lorsque tu appelles tes css dans ton html, ce qui écrasera les modifications par défaut quand t'as besoin de les modifier :)

Le Ptit Tourriste · Answer

Salut, personnellement j'applique toujours un margin: -10px -10px -10px -10px ; , et ça marche nickel, même si je ne travaille plus sous les anciens IE...

laulemdev · Answer

Bonjour,

body{
margin-top:0px;} a toujours fonctionné.
Que ce soit pour IE 7 8 9, firefox, opéra, chrome...

Utilisateur anonyme · Answer

Le mieux reste d'utiliser position :

en CSS :

background-color:gray;
position : absolute;
top:0px;
width:100%;
height:30px;
 
 .....

au moins aucun trou blanc au top de ta page.

Bonne continuation.

Utilisateur anonyme · Answer

Bonsoir,

IE7 ??? :D
Es-tu sur que le problème ne vient pas de ton navigateur ?

Ensuite, dans la pratique, je te conseil de finir toute t'es instructions par un ";" ce qui donne donc :
body{margin:0;padding:0;}

Si ça ne marche pas, tente de montrer des bouts de ton code sources pour pourvoir t'aider plus facilement.

Maitre2B · Answer

Si un margin/paggin 0px ne fonctionne pas dans ton body ou alors html, regarde au niveau de ton charset

CSS/Enlever espace blanc en haut d'un site

12 réponses

Discussions similaires

Newsletters