WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] sidebar wrapping at the bottom (6 posts)

  1. mpuser
    Member
    Posted 2 years ago #

    Hi,

    I am using a child of TwentyTen. When my page is short, my sidebar is wrapping at the bottom. Anyone knows about an easy way to fix this problem? Thank you very much!

    http://www.marysepepin.com/wesn/clothes-collectibles

  2. peredur
    Member
    Posted 2 years ago #

    This is the problem:

    #main .widget-area ul {
      text-align: center;
    }

    Get rid of that rule, or override it.

    You'll then need to give all of the list items some left padding or margin, probably.

    Or you could give the list items a width, I guess, to stop them occupying the full width of the page. A width of 15em seems to work quite nicely.

    HTH

    PAE

  3. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    it is caused by the (non-specified) styles for the css id #fixed;

    besides from generating invalid code, why are you not using the #secondary sidebar area for the same purpose?

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.marysepepin.com%2Fwesn%2Fclothes-collectibles&charset=%28detect+automatically%29&doctype=Inline&group=0

  4. lockettpots
    Member
    Posted 2 years ago #

    Hi mpuser

    A couple of things to notice. You have divs with an id of "fixed" which you use multiple times. Id's should be unique and therefore should only be used once.
    Secondly "fixed" doesn't seem to have any style rules.

    I would change all instances of <div id="fixed......> to <div class="fixed"....> and then have a rule in your stylesheet to give .fixed a suitable width.

    John

  5. mpuser
    Member
    Posted 2 years ago #

    thank you all! I will try your suggestions and will let you know.

    Maryse

  6. mpuser
    Member
    Posted 2 years ago #

    GREAT! My problem is now fixed - THANK YOU!

    Peredur: You were right about the #main .widget-area ul {}. I removed it and my problem was solved. After testing more, I realised that the problem was because I had a line "align-text: center" which was centering my last widget with the whole page width. I removed it from #main .widget-area ul {} and it works. yeah!

    Alchymyth and lockettpots: I fixed the problem with the id="fixed". I am new using validator.w3.org and it took me a while to find out in which file it was used. I still have some errors but I can't find where. Next I guess for me is to read about this website.

    Thank you again for your prompt response!

    Maryse

Topic Closed

This topic has been closed to new replies.

About this Topic