I'm using Firebug to take a closer look at my single post page. The layout is messed up and I can tell it's because a </div> appears where it shouldn't be.
I'm editing comments.php for this part, as it's where I can see the code where the issue seems to be coming from:
<?php if ( have_comments() ) : ?> <ol class="commentlist"> <?php wp_list_comments(); ?> </ol> <?php else : // this is displayed if there are no comments so far ?> <?php if ( comments_open() ) : ?> <!-- If comments are open, but there are no comments. --> <?php else : // comments are closed ?> <!-- If comments are closed. --> <p class="nocomments">Comments are closed.</p> <?php endif; ?> <?php endif; ?> <?php if ( comments_open() ) : ?> <div class="blog_post_wrap"> <h3><?php comment_form_title( 'Leave a Reply', 'Leave a Reply to %s' ); ?></h3>
Yet the HTML on Firebug is showing:
<ol class="commentlist"> <div class="commenter_details"></div> <div class="commenter_post"></div> <div class="reply"></div> </ol> </div> <div id="respond"> <h3>Leave a reply</h3> // etc...
Where is that </div> in the middle coming from? And now I mention it, where's that <div class="reply"></div> come from? I can't see them anywhere on comments.php but I'm guessing they're hidden within one of those php calls there. Which files should I look at to take a closer look at them?