Beste leden.

Ik zit met een probleempje ik heb deze code.

 <!DOCTYPE HTML>
<html>
<head>
	<title>Zendo the ptc standard.</title>

    <link rel="stylesheet" type="text/css" href="A.css"
	<meta http-equiv="content-type" content="text/html" />
    <meta charset="UTF-8" />
    
    <script type="text/javascript">var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-15832241-1']);_gaq.push(['_setDomainName','zendobux.com']);_gaq.push(['_setAllowLinker',true]);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s)})();</script>
</head>
<body>

<header>
    <div id="header"></div>
</header>


</body>
</html>


en de css voor de header :

 
header{
background:yellow;
min-height:200px;
max-height:200px;
padding-top:0px;
}


Als vele al weten krijg je een blok met aan de boven en zijkant er een stuk ruimte tussen hoe haal ik dit weg ?
margin: 0; op de body/html zetten
Hoe bedoelt u dat op de body zetten ?
In je css:
html,body {
margin:0;
padding:0;
}
Je zou zoiezo een reset lijst kunnen maken voor je css tags.
Dit kun je op de volgende manier doen:


* {
margin:0;
padding:0
border:0
outline:0
}


Tevens heb je ook nog een reset voor de speciale html5 tags. Deze reset alles voor IE.

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
@Casper, het is beter om gebruik te maken van [google]HTML5 shiv[/google] i.p.v. die HTML5 reset CSS. Want er zijn nog meer problemen en het gebruik van die CSS is meer een uitweg om het alsnog voor elkaar te krijgen op het scherm, terwijl HTML5shiv de oplossing is.

Tevens zou ik er nog meer stijlen reseten. Ik gebruik altijd deze Reset: http://wouterj.nl/wp-content/themes/wouterj12/css/reset.styl

Andere resets: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/

Of als je het helemaal goed wil aanpakken: [google]normalize.css[/google]

Reageren