marge en haut que je ne veux pas

Pour une raison quelconque, je reçois un écart en haut de la page. Le html:marge en haut que je ne veux pas

<body> 
    <div id="main"> 
    <div id="topcontainer"> 
    <div id="topmenu"> 
    asdasdsa 
    </div> 
</div>

Le css:

body 
{ 
background-color:#FFF; 
font-family:Arial, Helvetica, sans-serif; 
} 

#main 
{ 
width: 1024px; 
margin: 0 auto 0 auto; 
} 

#topcontainer 
{ 
height: 80px; 
} 

#topmenu 
{ 
height:40px; 
background-image:url('../siteimages/topmenu.jpg'); 
} 

#secondmenu 
{ 
height:40px; 
}

Il y a juste une petite quantité d'espace blanc en haut, des idées?

Source

2010-05-12 sark9012

Votre code d'exemple a une division de fermeture manquante. Vous voudrez fermer <div id="topcontainer"> ou <div id="main">.

Comme mentionné ajouter,

margin: 0; 
padding: 0;

Pour votre corps css, car cela supprimera les marges du navigateur par défaut. Vous pouvez également utiliser une feuille de style de réinitialisation.

Source

2010-05-12 13:19:46

Ne savait. Tout est fermé, juste manqué sur l'exemple de code. Merci – sark9012

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

Source

2010-05-12 13:16:39 Quentin

David a déjà répondu à votre question, mais je tiens à souligner les réinitialisations css ici.

Il y a beaucoup de critiques au sujet remet à zéro, mais je css préfèrent utiliser meyerweb's css reset

Si vous continuez à votre code html avec la façon dont vous avez commencé, vous aurez beaucoup de styles indésirables calculés et pour éviter que vous pouvez réinitialiser votre css à l'avance et continuer à travailler sans style de navigateur laid.

Espérons que ça aide. Sinan.

EDIT: La partie principale de css mentionné

/* CSS RESET */ 
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 100%; 
    font-family: inherit; 
    vertical-align: baseline; 
}

Source

2010-05-12 13:21:49 Sinan

marge en haut que je ne veux pas

Répondre

Questions connexes