WordPress.org

1. ccmovies
   Member
   Posted 1 year 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: http://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

2. ccmovies
   Member
   Posted 1 year ago #

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

3. ccmovies
   Member
   Posted 1 year ago #

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

4. Quincy
   Member
   Posted 1 year ago #

   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

5. ccmovies
   Member
   Posted 1 year ago #

   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

Topic Closed

This topic has been closed to new replies.