html css margin(white spaces at webpage edges)

Question

Basically I got problem with the edge of my website, it got this white spaces :

http://sadpanda.us/images/1885204-15X1WA4.jpg

While I want that web to look like this :

http://sadpanda.us/images/1885205-VG8KJ23.jpg

no white spaces.

Any idea where I've done wrong?

You're probably not using a reset stylesheet. Be aware, that browsers will use their own default styles for various elements, like <body> for example - meyerweb.com/eric/tools/css/reset it's usually a good idea to use something like reset.css or normalize to start with a consistent baseline. — Nick R
– Nick R, Commented Feb 11, 2014 at 15:07

Ruddy · Accepted Answer · 2014-02-11 15:17:27Z

3

That looks very much like the default margin on the <body>.

body {
  margin: 0;
}

Should solve it for you.

Quick Demo:

CSS:

html, body {
    height: 100%;
}
div {
    width: 100%;
    height: 100%;
    background: #ddd;
}

DEMO WITH SPACE

CSS:

html, body {
    height: 100%;
}
body {
    margin: 0; /* This will stop the margin, setting it to 0 */
}
div {
    width: 100%;
    height: 100%;
    background: #ddd;
}

DEMO WITHOUT SPACE

edited Feb 11, 2014 at 15:17

Ruddy

9,9435 gold badges49 silver badges69 bronze badges

answered Feb 11, 2014 at 15:08

Nils Kaspersson

9,4933 gold badges32 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ruddy Over a year ago

Added onto your answer, hope you don't mind. Just added a demo.

wendy · Accepted Answer · 2016-02-12 04:10:40Z

0

each browser has some style for elements like body,h1...etc,that is called as user agent style sheet, they have some margin, if you want reset all css just use universal tag and put margin:0 ... like below..

*{ margin: 0;}

edited Feb 12, 2016 at 4:10

wendy

1613 silver badges14 bronze badges

answered Feb 11, 2014 at 15:17

Senthilkumar Govindasamy

1459 bronze badges

Collectives™ on Stack Overflow

html css margin(white spaces at webpage edges)

2 Answers 2

Quick Demo:

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Quick Demo:

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related