Single Post Page Places Sidebar at Bottom (2 posts)

  1. marklyon
    Posted 9 years ago #

    I think I have a simple problem, but I can't figure out what I messed up.


    The main index (multi-post) page looks like I want it to look.

    The individual post pages are pushed to the left, with the sidebar pushed to the bottom.

    It's got to be something with the CSS, but I can't sort it out. Any help is appreciated.

  2. Sivar
    Posted 9 years ago #

    I'm pretty sure, it's your headlines in the divs alignleft/alignright. They are "styled" with float:left and float:right, but you don't really want them to float.

    However, I'm not sure how to work around that with a simple explanation ;)... try to replace these two floats with the following...

    Replace float:left in div.leftalign with...

    display: inline;
    text-align: left;

    ...and float:right in div.rightalign with:

    display: inline;
    text-align: right;

    Maybe that's enough to fix it.

Topic Closed

This topic has been closed to new replies.

About this Topic