Viewing 8 replies - 1 through 8 (of 8 total)
  • add overflow:hidden; to your content wrapper (div) css

    if u can post an actual link of the post, i can give you more accurate css

    Thread Starter celesteina

    (@celesteina)

    Hello Robin

    Here is the link: click here

    ah i dont see it being overlap as per your printscreen,
    to me it looks like a good spacing between sidebar and ur content window?
    r u sure u sent the write link ?

    Thread Starter celesteina

    (@celesteina)

    What happens when you try to shrink the screen? Do they overlap?

    ah ok got
    let me look

    ok so just looking through firebug tool i can see lot of margin issues and css floats thing
    just cant exactly fix it with firebug though
    but i will try to give u maximum info u need to fix it ..

    this is what ever i could reach with playing around with firebug

    you would have to play around with few values to get 100% fix
    backup your stylesheet before doing the changes

    .content-sidebar #content {
        background: none repeat scroll 0 0 #FFFFFF;
        }
    #content {
        margin-bottom: 20px;
    overflow:hidden;
        width: 100%;
    }
    .sidebar-content-sidebar #content-sidebar-wrap, .content-sidebar-sidebar #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
        float: left;
        overflow: hidden;
        width: 550px;
    }
    
    .content-sidebar #sidebar {
        background: none repeat scroll 0 0 #FFFFFF;
        border-radius: 10px 10px 10px 10px;
    
    }
    .sidebar {
        display: inline;
        float: left;
        margin-bottom: 10px;
        margin-left: 30px;
        width: 310px;
    }
Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Sidebar Overlapping Post Section’ is closed to new replies.