Same CSS/HTML different result?
<p>I have a HTML file where I always use the same header (I include it at the top of every page)
I used CSS to style this header...</p>

<p>The overall body has no space on top, thats good.
Now I have space on top of the page in the index.php and no space at the top in the contact.php, althought it has the <strong><em>same header and exact the same CSS file</em></strong> linked enter code here to it...</p>

<p>How can that be?</p>

<p>(sorry for the bad code sample, but the website is to complex to show it...)</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.body{
 margin: 0 auto;
 width:70%;
 clear: both;
}
.mainHeader img{
 width: 50%;
 height: auto;
 margin-top:0px;
 margin-bottom:20px;
 display: block;
 margin-right:auto;
 margin-left:auto;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>//index file
&lt;?php
include 'includes/overall/header.php'; 
?&gt;

//contact file
&lt;?php
include 'includes/overall/header.php'; 
?&gt;

//header file
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Website Title&lt;/title&gt;
    &lt;meta charset="UTF-8" &gt;
 &lt;link rel="stylesheet" href="css/style.css"/&gt;
 &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;/head&gt;

&lt;body class="body"&gt;
&lt;header class="mainHeader"&gt;
 &lt;img src="logo.png"&gt;&lt;/img&gt;
&lt;nav&gt;
 &lt;ul&gt;
  &lt;li class="#"&gt;&lt;a href="index.php"&gt;home&lt;/a&gt;&lt;/li&gt;
     &lt;li class="#"&gt;&lt;a href="contact.php"&gt;contact&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
&lt;/nav&gt;
&lt;/header&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>