Padding on website despite having it at 0px

Question

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Sumatran Orangutan Society</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="container">
</div>
</body>
</html>

@charset "UTF-8";
#container {
    background-image: url(images/background.jpg);
    width: 100%;
    height: 1100px;
    margin:0px;
    padding:0px;
}

I've been having a problem where there is a margin/padding on the left, top and bottom of my page. I've tried setting the margin and padding to 0px but the gap is still there.

Here's a picture showing what I mean,

Have you checked that whatever is inside your container also has `0px` padding and margin? — kairocks2002, Feb 03 '16 at 16:35

score 7 · Accepted Answer · answered Feb 03 '16 at 16:35

7

body usually have a margin of 8px. Try this:

html, body{
    margin: 0;
    padding: 0;
}

answered Feb 03 '16 at 16:35

Derek 朕會功夫

92,235
44
185
247

Padding on website despite having it at 0px

1 Answers1