WordPress.org

Ready to get started?Download WordPress

Forums

Sidebare moving to lower part of website (7 posts)

  1. svangis
    Member
    Posted 7 years ago #

    Hi

    I love wordpress! And I've just started using it...I use the mistylook skin and you can find my website at http://www.nicetheman.net

    Unfortuneately the sidebar has chosen to move down below the main content section.. I can't understand why this has happenend, as I havent really modified anything lese in the codes..except replacing the top "logo image"... The only reason I can think of is that the logo might be too wide?

    is this a common problem

  2. michaelbb
    Member
    Posted 7 years ago #

    This happened to me before on this theme and it turned out that I was missing a </div> tag.

  3. svangis
    Member
    Posted 7 years ago #

    thanks for the quick reply, it makes sense what you said - but Ive looked through both index.php and sidebar.php... both look OK

    any other ideas?

  4. red-star
    Member
    Posted 7 years ago #

    It might help to put clear: right or left; in your css for the sidebar.

  5. svangis
    Member
    Posted 7 years ago #

    that is also a very relevant point! I checked and made sure all was set to "right"..which makes the sidebar slide to the right side, but it is still stuck below the "main/content/post" area.

    can anyone see if it is "below" the content area, or just simply "lowered" in its own "zone"..that is...the content of the sidebar is vertically 'too' low...?

  6. thaKing
    Member
    Posted 7 years ago #

    take a look at the xhtml and css results after trying to validate your site...fix those first and see what you come up with:
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.nicetheman.net%2F
    http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.nicetheman.net%2F

  7. red-star
    Member
    Posted 7 years ago #

    What when you put

    '#sidebar {
    width: 180px;
    font-size:0.9em;
    float: left;
    clear:right;}'

    instead of

    '#sidebar {
    float: right;
    width: 180px;
    font-size:0.9em;
    }' ?

Topic Closed

This topic has been closed to new replies.

About this Topic