I’ve been hammering this question out over at stackoverflow with some folks: http://stackoverflow.com/questions/7478500/jquery-or-css-problem
Take a look here to see the problem: http://themeforward.com/demo2/2011/01/17/testing-comments/comment-page-1/#comments
I am using a javascript to make the height of #post_content and #sidebar match. I have figured out the problem is it works perfectly, but once the comments template is added to my single-post.php it all falls apart and the heights no longer match (as shown in the link). What do I have to do to make this code realize comments.php is wrapped by post_content!?
Here is my javascript:
CSS that may/may not play a role:
#container {
width: 1126px;
clear: both;
overflow: hidden;
}
#post_content {
clear: both;
display: block;
float: left;
overflow: hidden;
width: 660px;
background-color: #FF0000;
}
#sidebar {
display: inline-block;
float: right;
width: 410px;
overflow: hidden;
background-color: #0000FF;
}
#respond {
clear:both
}
#commentlist {
list-style:none;
width:100%
}
My markup:
No matching entries found.