Sidebar not behaving

  • 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 https://www.miss-brightside.com

    Jeni

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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;
}

    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).

    Thread Starter jeni_8686

    (@jeni_8686)

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

    I will try your tips out now, thanks again.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sidebar not behaving’ is closed to new replies.