1,105,380 Community Members

Divs pushing other divs down.

Member Avatar
rfrapp
Junior Poster in Training
74 posts since Dec 2011
Reputation Points: 17 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
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

Member Avatar
JorgeM
IT Addict
6,418 posts since Dec 2011
Reputation Points: 581 [?]
Q&As Helped to Solve: 963 [?]
Skill Endorsements: 172 [?]
Moderator
Featured
Sponsor
 
0
 

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

Attachments
Member Avatar
<M/>
Industrious Poster
4,473 posts since Apr 2012
Reputation Points: 106 [?]
Q&As Helped to Solve: 139 [?]
Skill Endorsements: 114 [?]
Featured
 
0
 

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

Member Avatar
rfrapp
Junior Poster in Training
74 posts since Dec 2011
Reputation Points: 17 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

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

Question Answered as of 1 Year Ago by JorgeM and <M/>
You
This question has already been solved: Start a new discussion instead
Post:
Start New Discussion
View similar articles that have also been tagged: