Support » Themes and Templates » Gap at top

  • I have two issues I can’t seem to track down.

    1. There is a gap at the top of the page. I have margins set to 0 but cant seem to correct this.

    2. The footer is supposed to be 100% width. If you view the source it shows the footer is out of any container or wrapper div and is set to 100%.

    The site is

    Any help would be appriciated.


Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi Gary,
    on line 78 of your style.css you have the following code:

    #page {
        margin: 6em auto;
        max-width: 1000px;
        width: 960px;

    Change the margin to
    margin:0 auto;
    and the gap is gone.

    As to the footer… It seems that the footer div is INSIDE the #page div which is set to max width 1000px … you will have to move the footer outside the page div to make it work.

    Good luck



    Forum Moderator

    i can’t see a gap for instance in firefox.
    possibly the admin bar – check if it also shows if you are logged off.

    your #footerwp div is clearly still within the #page div;

    maybe you need to carefully count closing divs and re-check your edits.

    Thanks for both your replies

    @ Anja That was not it, I had already tried that but that puts the main content area at the top and leaves the gap. I did re-try it after reading your post and it does not get rid of the gap.

    I had also checked the image to make sure there was not a white space above, but that is not the case.

    @ Anja & alchymyth

    The footer is still a mystery, this is the code. The footerwp is my footer that I created. It is the only div in the section and is directly above the closing </body>, so it mystifies me.

    </div><!– #main –>
    <div id=”footerwp”>
    <?php require_once(‘’); ?>


    What am I missing?

    Thank you again for your replies.



    Forum Moderator

    you are missing to close the #page div before the footer;


    </div><!-- #main -->
    </div><!-- #page -->
    <div id="footerwp">
    <?php require_once(''); ?>

    also, add this to style.css:

    be aware that the modifications to Twenty Eleven will be overwritten when you upgrade your wordpress version.
    create a child theme to avoid this

    Thanks for your reply.

    That did it.

    For the gap at the top I just went through the style sheet looking at every margin, zeroing out those that might have an effect, but no luck.

    Thanks again


    I think I figured it out, it would appear that the gap is only on the browser that I am logged into the admin page with, so I am assuming it is supposed to be an admin bar across the top.

    Thank you both for your reply and thank you alchymyth for the warning about updating changes the theme.


Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Gap at top’ is closed to new replies.