28172 sujets

CSS et mise en forme, CSS3

[RESOLU]Header non "collé" en haut de page

Bonjour à tous,

J'ai un petit souci et je ne vois pas où je fais une erreur.

Mon header ne se colle pas en haut de ma page, j'ai un espace d'environ 15px sur toute la largeur.

Mon code html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <title></title>

  <link rel="stylesheet" media="screen" href="style/ecran.css" />
</head>
<body>

<!-- Document -->

    <div id="container">

        <div id="header">
    
            <ul id="menu">
                <li><a href="">Accueil</a></li>
            </ul>
    
        </div> <!-- Header -->
        
    </div> <!-- container -->


</body>
</html>


Le CSS :

body {
    margin: 0;
    padding: 0;
}

#container {
    width: 100%;
    margin: 0 auto;
}

#header {
    background: url(../images/header.jpg) repeat-x center top;
    height: 65px;
}

#menu li {
    display: inline;
    list-style: none;
    text-align: center;
    line-height: 65px;
}

#menu li a {
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
}


Merci d'avance,

JD
Modifié par jd-webdesign (28 Sep 2010 - 11:50)
hello, je galérais pas mal pour le même problème que toi.Mais en fait il m'a suffit de mettre dans le code css

body {
margin: 0px;
}


Mais d'après ton code, tu l'as déjà mis.
Bonjour,

Inutile de préciser le px pour la valeur 0.

Il faudrait également mettre les marges/padding de html à 0.
Salut,

Je vois deux possibilités :
1- Tu as une signature BOM dans ton document, invisible dans le navigateur mais interprétée quand même (cas de l'enregistrement du fichier en UTF-8 avec BOM).
2- Il s'agit simplement d'une fusion des marges. Ton élément ul reporte sa marge haute (par défaut) sur ses parents ce qui créé le décalage de ton container vers le bas.
Sujet clos
Aller à