Grow your CSS skills. Land your dream job.

Overflow Problem

  • # September 23, 2011 at 11:12 am

    Go to this link and click where it says “2 comments” in the sub-title: http://themeforward.com/demo2/2011/01/17/lobortis-tellus-diam/

    When the link that brings the user to the comments is clicked it doesn’t just scroll users down the page, it brings them to what APPEARS TO BE a separate page (even though it isn’t a separate page). This is caused by the extreme margin/padding I am using in #sidebar and #post_content which I am using for equal height columns… http://www.positioniseverything.net/articles/onetruelayout/equalheight

    Any fixes for this (while still using the equal height columns css)?

    #container {
    overflow:hidden;
    margin:35px auto
    }
    #sidebar {
    width: 410px;
    display:block;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    float:right
    }
    #post_content {
    display:block;
    padding-right:25px;
    padding-bottom: 32767px;
    margin-bottom: -32767px;
    margin-right:25px;
    border-right:1px solid #EEE;
    float:left;
    width: 660px
    }
    #commentlist {
    list-style:none;
    width:100%
    }
    # September 23, 2011 at 3:42 pm

    I don’t quite understand the problem. The comments come immediately after the post. The padding and negative margin have nothing to do with it – scrolling to the bottom of the page gives the exact same results. It sounds as if you want more content in the sidebar?

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".