Wolfish Wolfish - 5 months ago 7
CSS Question

Separation of head and body

I'm having some trouble with an area of space between the top of the browser window and my 'head' element, and the 'head' element and my 'body'.

enter image description here

Thus far, adding the following class has not resulted in any improvement:

.header{ <=== I have also attempted .head with no effect
position: absolute;
top: o;

I have also experimented with padding and margins, but simply cannot get the header content to "kiss" both the top of the screen and body content.

You can see a rundown of my HTML and CSS here: https://jsfiddle.net/2w3vzstf/

How do I overcome this?

body {
    margin: 0;

The lower spacing you dont like is the #menu having a margin-top of 10px

Should sort out the spacing above the page.