Footer moves next to header (2 posts)

  1. TheIconoclast
    Posted 10 years ago #

    I've just finished the front page of my theme. Everything is working fine, except when I create a post that utilizes the <!--more--> function, it screws up my index page.

    My footer moves next to the header. No error messages or anything.

    My site is http://wordpress.theicono.com and the CSS Stylesheet: http://wordpress.theicono.com/wp-content/themes/iconoclast/style.css.

    Aside from the stylesheet, I've modified the header.php and index.php files. In the header, I added the horizontal menu. In the index, I changed the date format and a few other minor things.

    Again, this problem happens only when I create a post with the <!--more--> tag.

    Thanks for any help in advance.

    EDIT: here's a picture of the problem-- http://img.photobucket.com/albums/v71/TheIconoclast31/2540f890.jpg

  2. TheIconoclast
    Posted 10 years ago #

    Well, I feel kind of silly. I can't edit my post anymore, but for future reference, I forgot to do this:

    clear: both;

    This tells the browser not to allow any floating elements on either side of the footer. When we look at the site now, we will find that the sidebar has been neatly tucked in the proper place, and our page matches the original design. Putting the footer hr inside the div ensures that the hard-rule doesn’t get wrapped as well."

    From UrbanGiraffe's WordPress guide.

Topic Closed

This topic has been closed to new replies.

About this Topic