malentendu css avec « position: fixed »

Question

Je vais avoir un problème où le sommet div est d'environ 20px du haut de la fenêtre quand il devrait être en haut:

HTML:

<div id="top"> 
</div> 
<div id="bottom"> 
    <p>some text</p> 
    <p>some text</p> 
    <p>some text</p> 
    <p>some text</p> 
    <p>some text</p> 
</div> 

CSS:

body { 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
} 

#top { 
    width: 100%; 
    height: 50px; 
    background-color: #00c; 
    position: fixed; 
} 

Si je retire position: fixed de #top, le résultat est comme prévu, le #top div est juste contre le haut.

Comment faire le #top div dans le haut de la fenêtre, si #top a position:fixed?

P.S. (Je ne peux pas faire de démo sur http://jsfiddle.net, parce que le problème n'est pas visible là-bas.)

Answer 1

C'était vraiment difficile à comprendre, mais je pense que vous voulez que la position soit fixe et que la div touche le haut?

Ajouter top: 0px; à #top.

Answer 2

Si le problème n'est pas visible dans jsfiddle, cela signifie qu'il doit y avoir une différence entre votre code HTML et le leur. Utilisez un outil comme Firebug ou "Inspecter l'élément" pour voir tous les styles CSS actifs qui sont appliqués à #top (et tous les éléments parents) jusqu'à ce que vous trouviez une différence.