Tweet
So the problem is that my divs in CSS don't fully extend to the edges of the screen. I set the background color of the entire page as red in my style.css file, like so:
Then I create a div named "container" and set the background as blue, like so:
My html file consists of this:
The red background extends to the edges of the screen and has no problems. The blue background appears to have some kind of invisible margin between the top and the sides of the screen where the area is still red.
Here is a screenshot of what's happening:
How can I make the div extend and reach the top and sides of the page?
Code:
body
{
background:red;
}
Code:
#container
{
text-align:center;
width:100%;
background:blue;
}
Code:
<html> <head> <title> Website Title </title> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <div id = "container"> <p>hello</p> </div> </body> </html>
Here is a screenshot of what's happening:
How can I make the div extend and reach the top and sides of the page?
Comment