Start New Discussion within our UI / UX Design Community

I have a page that loads dynamic content (comments, to be specific). The comments are floated to the left, and the "Add a comment" div is floated right. For some reason, the add a comment div is being pushed down by the comment divs. The link to the page is: http://armyants.us/comments.php

The issue appears to be that the div with the id of "rightcolumn" is within the div with an id of "content", which is OK if you "wrap" the comment divs within their own div. I assume that is what you mean to do because your CSS refers to an id of "leftcolumn" but you dont appear to have any elements in your code with that id. pic11

I went on your site and I used firebug and i did this to move the comment box.

#rightcolumn {
    background-color: #151515;
    border-left: 2px solid #595959;
    border-radius: 10px 10px 10px 10px;
    border-top: 2px solid #595959;
    margin: 0;
    padding: 0 10px 10px;
    position: relative;
    width: 399px;
    z-index: 0;
}



.comment {
    background-color: #151515;
    border-left: 2px solid #595959;
    border-radius: 10px 10px 10px 10px;
    border-top: 2px solid #595959;
    display: inline-block;
    float: left;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    width: 525px;
    z-index: 800;
}

Hopefully this helps

I fixed it by putting a wrapper around the divs. thanks for the help guys!

This question has already been answered. Start a new discussion instead.