Margin around WHOLE website

  • Resolved Connor Crosby

    (@ccmovies)


    14 years, 3 months ago

    Hello,
    I am making a theme for my website and for some reason there is an about 10px margin around the whole edge of the website. Here is the link: https://tutorialnation.net. I know that there are many other issues with it, I am actually working on this through MAMP on my mac locally, so a lot of the issues you see are fixed. I also have my index separated into header, footer, etc. Please help! I cannot figure it out.

    Thanks,
    Connor

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Connor Crosby

    (@ccmovies)

    By the way, I have only tested it in Safari/Chrome, Firefox, and Opera. No clue what it looks like in IE.

    Thread Starter Connor Crosby

    (@ccmovies)

    For some reason when I put margin: 0 for the body, it worked!

    Hi,

    To resolve this, just set the following:

    body {
background:none repeat scroll 0 0 #F2F2F2;
margin:0;
padding:0;
}

/* To remove the padding below the footer */

#footer {
height:30px;
margin:0 auto;
padding:0;
width:1000px;
}

#footer #copy {
float:left;
font-size:11px;
margin:8px 0 0; /* adjust the margin as required */
}

#footer #by {
float:right;
font-size:11px;
margin:8px 0 0; /* adjust the margin as required */
}

    This should sort out the issue…

    Cheers,

    Q

    Thread Starter Connor Crosby

    (@ccmovies)

    Oh thanks! Now how do you make it so the footer always at the bottom? For people who have a large monitor, like myself, the footer is not always at the bottom.

    Thanks,
    Connor

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Margin around WHOLE website’ is closed to new replies.