WordPress.org

Ready to get started?Download WordPress

Forums

Comments pushed into top of sidebar (42 posts)

  1. WPyogi
    Forum Moderator
    Posted 2 years ago #

    If you use View Source, those two extra divs show up in red -- and those are the same ones that show up in the validator results as extras. I can't see where they are coming from -- it's in your template somewhere. But in order for the float right on the sidebar to work, you probably need to make the wrapper div to float left... or put the sidebar above the wrapper div.

  2. jeffrey_huynh
    Member
    Posted 2 years ago #

    Ok, I have got rid of the 2 extra divs and now the sidebar is within the wrapper correctly. Both my sidebar and content are within a 940px wrapper, with the content floating left and sidebar floating right... and this seems to work for all pages apart from these category pages I have. I'm very confused why...

  3. jeffrey_huynh
    Member
    Posted 2 years ago #

    Does this mean there is something wrong with my page.php file?

    If this helps, the sidebar is being pushed down but at different positions on each 'category page' (articles/tutorials/freebies/etc) depending on how much content I have.

  4. jeffrey_huynh
    Member
    Posted 2 years ago #

    Can anyone help please?

  5. WPyogi
    Forum Moderator
    Posted 2 years ago #

    As mentioned above, you'll need to change the php file:

    But in order for the float right on the sidebar to work, you probably need to make the wrapper div to float left leaving the sidebar out of it... or put the sidebar above the wrapper div.

  6. jeffrey_huynh
    Member
    Posted 2 years ago #

    I've tried taking the sidebar out of the wrapper div with no luck.

    However, I think I have realised what is finally happening with my sidebar. It seems to float 'right' beside the lowest 'content'. For example, there are 7 articles on this page: http://www.highondesign.co.uk/category/articles/ and the sidebar is floating next to the lowest one.

    Is this more something to do with making my content a class instead of id?

  7. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Is this more something to do with making my content a class instead of id?

    No, it's because of the way your HTML is structured, it won't work with the CSS you currently have - so now fix the CSS by adding float left to the wrapper div.

    That puts the sidebar in the correct place -- at least in Firebug.

    You'll also need to fix this div -- it's out of place:

    <div id="only-page">No newer/older posts</div>

  8. jeffrey_huynh
    Member
    Posted 2 years ago #

    Thanks for persisting with me.

    Ok I made the wrapper float left and the sidebar is now moved up where it should be! But it's not in the centre with the content like before? How do I fix this?

  9. jeffrey_huynh
    Member
    Posted 2 years ago #

    I'm not sure how to put the "only-page" div go under all the content instead? :S

  10. jeffrey_huynh
    Member
    Posted 2 years ago #

    No worries, I've fixed all these problems!

    The only thing now is that the posts seem to overlap each other for some reason... even though the bottom margin of 10px for each should mean otherwise :S

  11. WPyogi
    Forum Moderator
    Posted 2 years ago #

    You have a negative margin-top on the .post-title of 30px.

  12. WPyogi
    Forum Moderator
    Posted 2 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.