treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Overflow Problem

  • 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%
    }
  • 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?