Question

I am designing a template for my school’s website and require some help. All was going great until I got to the footer. I have noticed that everything but the top navigation is unable to expand completely to the sides of the screen. This is really frustrating as I am trying to fill the footer to the same width as the navigation.

For your convenience, I have uploaded a copy of the template here. I believe that it is related to the css but I have tried every possible value I can think of to no effect.

Please help if you can.

Thank you for your time.

Answer 1

because you have an 8px margin on the body element. In your css, try this

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

That’s a good snippet to include in every project btw.