WordPress.org

Ready to get started?Download WordPress

Forums

Comments pushed into top of sidebar (42 posts)

  1. WPyogi
    Volunteer Moderator
    Posted 1 year 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 1 year 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 1 year 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 1 year ago #

    Can anyone help please?

  5. WPyogi
    Volunteer Moderator
    Posted 1 year 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 1 year 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
    Volunteer Moderator
    Posted 1 year 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 1 year 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 1 year ago #

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

  10. jeffrey_huynh
    Member
    Posted 1 year 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
    Volunteer Moderator
    Posted 1 year ago #

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

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.