place sidebar correctly

  • Hi!

    My blog is https://www.luksusdyret.com, and I’ve made an extra sidebar at the right.

    When I placed the sidebar I used this code;

    #sidebar2 {
float: right;
position: absolute; top: -0px; right: -10px;;
background: transparent;
}

    But the problem is that I don’t want it to be placed like that, because everyone has different sizes on their screen, and on f.ex my screen wich is 8,9″ the sidebar shows up on top of the content. On big screens it shows up on the side far away from the rest of the blog.

    I want it to be placed right next to the other sidebar, but not underneath the header. I’ve searched everywhere but I don’t get what kind of coding to use to fix this.

Viewing 11 replies - 16 through 26 (of 26 total)

  • that may be case because ur body width is narrow

    Thread Starter luksusdyret

    (@luksusdyret)

    so i changed the width, but now my whole blog is messed up because that changed the width on the header stuff too, and i don’t want it du be placed underneath the header, i want the sidebar2 to be placed next to it…

    set
#principal {

	margin: 0 auto;

	width: 830px;

}
setit
width:1000px;
    Thread Starter luksusdyret

    (@luksusdyret)

    i did that .. and as i said ow my whole blog is messed up

    ok
    if u dont want to increase width of our body then i am afraid u can put sidebar2 this way.
    may be u can decrease ur post width and increase little bit of body width.

    next option is
    go to step where u start from.
    then
    float sidebar 2 left or right
    position:relative;
    top: give position u required to bring back to sidebar 1
    left: give positioning u required
    this should fix may vary with screen resolution

    Thread Starter luksusdyret

    (@luksusdyret)

    I’m sorry but I don’t understand

    Thread Starter luksusdyret

    (@luksusdyret)

    I don’t understand how to do this;

    “top: give position u required to bring back to sidebar 1
    left: give positioning u required”

    like
    top:500px;
    left:840px;

    if
    top:500px is not working then
    use negative
    top:-500px;

    Thread Starter luksusdyret

    (@luksusdyret)

    that’s not working, if i use the position: relative; it just messes up everything cause then it makes a huge space between things.

    I guess I’ll just go back to where I started and just live with the fact that the sidebar is placed different places on different screen sizes.

    Thread Starter luksusdyret

    (@luksusdyret)

    if you look at how the sidebar is placed now, I want it to be placed like that only with just like 10px between the sidebar2 and the rest of the blog. And I want it to be placed like that all the time, no matter how big or small the screen is.

Viewing 11 replies - 16 through 26 (of 26 total)
  • The topic ‘place sidebar correctly’ is closed to new replies.