WordPress.org

Ready to get started?Download WordPress

Forums

Sidebar not behaving (4 posts)

  1. jeni_8686
    Member
    Posted 4 years ago #

    hi,

    I have had the same layout for a while but it has always bugged me that if I make my sidebar any wider than 180px it always displays after all my posts, and not at the top of the page like it should.

    I know it's probably a div problem and maybe I have a post that's too wide and affecting it, but is there an easy way to fix this? i want to have my sidebar nice and wide so it looks less cramped.

    Thanks,
    my site is http://www.miss-brightside.com

    Jeni

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

    div#container {
    float : left;
    margin : 0 -200px 0 0;
    width : 100%;
    }

    change -200px to 0px , and 100% to 700px;

    then you can make .sidebar wider, to 230px for instance; take the padding-left:1em away, to keep the dotted lne balanced:

    div.sidebar {
    float : right;
    width : 180px;
    line height:110%; position: relative;
    padding-left : 1em;
    border-left : #ccddb8; border-style : dotted;
    border-top : none; border-bottom : none;
    border-right : none;
    }
  3. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    one more thing ...
    if you add this to your style.css, you can make your .sidebar 260px wide:
    .sidebar ul {padding-left:20px;}
    and it still looks balanced (checked in firefox only).

  4. jeni_8686
    Member
    Posted 4 years ago #

    thank you so much you give me faith in this forum!

    I will try your tips out now, thanks again.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags