CODEWITHSUNDEEP
htmlcss
Absolutezero
Absolutezero

Reputation: 31

Extra white space at the top of my page

I'm working on a website and I just noticed there there is this unexplained white space at the top and bottom of my page. I search through some post and they told me to make sure I used UTF-8 encoding without BOM and I tried that and it made no difference. If anyone would be willing to look at it the url is url

Upvotes: 2

Views: 14630

Answers (6)

Anh Lam
Anh Lam

Reputation: 132

in my case, a div with style like this 

    margin: 0 auto 80px;

make an extra white space on top

Upvotes: 0

David Zhang
David Zhang

Reputation: 1

If setting h1 { margin-top: 0px } works, maybe you encounter the collapsing margins problem.

You can know more in margin-top in a nested div

Upvotes: 0

daneasaur
daneasaur

Reputation: 21

I have also had this problem and used this in the first line of my CSS file:

body {
padding: 0;
margin: 0;
}

You can also add margin-top: -10px; if there are still problems.

Upvotes: 1

vincent kleine
vincent kleine

Reputation: 724

add this on first line of css

* {
margin: 0px;
padding: 0px;
}

Upvotes: 1

Mike Vranckx
Mike Vranckx

Reputation: 5577

The default spacing (margin) on the <h1> element is causing the top spacing. Add this in your css.

h1 { margin-top: 0; }

Upvotes: 12

Shankar Narayana Damodaran
Shankar Narayana Damodaran

Reputation: 68476

It's not a space.. There is a button on the top right corner.

Remove this source from your HTML code

    <div id="escapeButton">
        <button> <a href="http://google.com" title="escape">Escape</a> </button>
    </div>

Upvotes: 1

Related Questions