Comments bugging up my sidebar

  • Resolved scnix

    (@scnix)


    14 years, 3 months ago

    Hey guys,

    I’m stumped. There’s a problem with my blog page that involves a single post with comments.

    Where there are no comments posted, the sidebar sits fine on the right side. However, when there are comments posted, the sidebar pops down by about 400 pixels.

    The sidebar sits fine in it’s place on all other pages except pages that views and allows input for comments.

    Also, the news feed on my landing page doesn’t seem to work. It doesn’t seem to receive data from the loop and just displays “Not Found. Sorry, but you are looking for something that isn’t here.”

    Here’s my site’s URL, https://www.boxostore.net

    and the comments page with the sidebar problem, https://boxostore.net/accessories/lensbaby-%E2%80%93-step-up-shade/ (this one has a comment and pushes the sidebar down)

    https://boxostore.net/accessories/lensbaby-%E2%80%93-creative-aperture-kit/ (this one has no comment entries yet, which displays the sidebar correctly)

    Please help.

Viewing 8 replies - 1 through 8 (of 8 total)

  • Start by sorting out the markup errors. Then move onto the CSS errors.
    https://codex.www.ads-software.com/Validating_a_Website

    Thread Starter scnix

    (@scnix)

    Wow, never knew about those sites. Thanks!

    However, I’m still having problems. I’ve check, double checked and triple checked, but I can’t seem to find the error. I’ve used the validator for my other pages to see if there are any inconsistencies and found that the 2nd line itself is causing an error with the “<” tag, which is a php tag in an “echo” function.

    Should I just change the “<” tag to the recommended &-lt; (without the dash) ? Wouldn’t that just kill my whole header code?

    Thread Starter scnix

    (@scnix)

    Is it possible that you can’t parse PHP code in a PHP echo function?

    Thread Starter scnix

    (@scnix)

    Ok, I fixed the PHP code displaying as a HTML text, but there are still some errors with my search bar div. I don’t see any problems with my <div> tags. Also, I doubt that’s the problem causing my sidebar to get pushed down. Simply because the other pages that has the sidebar in the correct position also displays the same search input div error.

    I’m pretty sure it has something to do with the comments part of the code. I just can’t determine what.

    I’ve even tried to place overflow:hidden for every div/tags that involves the comments but it still gets pushed down when there’s 1 or more comments.

    It’s not a CSS problem as far as I can tell.

    Thread Starter scnix

    (@scnix)

    Hmm, I even tried removing the whole search input form and passed W3C’s validation. The Sidebar still gets pushed down. So at the moment, I’m also pretty sure it’s not the div tag errors.

    I’ve also copied and pasted the code into Dreamweaver to see where the errors are and hope that DW might have a more indepth explanation. What I got was, the rule for HTML is that you can’t put a <DIV> tag within a <ul> tag.

    Doubled checked with W3C’s error, and I realised that’s what the whole fuss is about.

    Anyways, I’ve removed the the search form from the <ul> tag and placed it outside with a negative margin to fit it back in place. W3C passes my site but the Sidebar is still bugged up.

    I’m seriously scratching my head over this and I think it’s beginning to bleed. ??

    Thread Starter scnix

    (@scnix)

    Ok, I think I just solved it. There was a missing </DIV> within the comments.php file when there are no comments.

    I’m not too sure if this 100% fixes it, but it seems to work fine now when I just placed a </DIV> in the part where WordPress detects that the post has no comments.

    Thanks for the help! Wouldn’t have done it if you hadn’t showed me the validating site! ??

    Glad to have helped.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Comments bugging up my sidebar’ is closed to new replies.