Divs pushing other divs down.

Question

0

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

css div html web-design

JorgeM 966 · Answer 1 · 2012-12-13T02:14:31+00:00

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.

<M/> 170 · Answer 2 · 2012-12-13T02:16:31+00:00

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

rfrapp 17 · Answer 3 · 2012-12-13T02:54:41+00:00

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