WordPress.org

Ready to get started?Download WordPress

Forums

Sidebar items are on the right but too far down, they needs to be at top, how ? (13 posts)

  1. thefearless
    Member
    Posted 4 years ago #

    Ok im working with a theme i downloaded, and then im changing it

    originally the style.css had the sidebar say LEFT

    #sidebar {
    	float: left;
    	width: 303px;
            padding-top: 20px;

    Even though it said left it would be on the right hand side, and everything worked.

    But because i have added 2 backgrounds to appear behind the post and sidebar area, content-inner and content-outer

    The moment i put in content-inner, the sidebar items automatically shift to the left hand side of the screen

    So to fix this i thought ok ill just change the sidebar css to say RIGHT like this

    #sidebar {
    	float: right;
    	width: 303px;
            padding-top: 20px;

    That fixed it somewhat, meaning the sidebar item now is displayed on the right hand side but its too far down. Originally that calendar appeared just below the navigation on the right hand side.

    Any idea how i shift it back up?

    Here is my site

    http://tinyurl.com/yfov9au

    thanks kindly

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    You're missing some closing </div> tags.

    Validation results.

  3. thefearless
    Member
    Posted 4 years ago #

    hi esmi, thanks for taking a moment to look at this

    ive not touched the tags since getting this theme and it was working before i added in the content-inner background

    I dont want to get off topic with talk of tags

  4. thefearless
    Member
    Posted 4 years ago #

    Thats not what is causing this to happen though, and that validation results must be wrong as ive checked the main homepage source and the body tags are closed

    Ive not touched any of those tags

    Someone must know how to fix the above issue ( i dont want to go off topic with tag closing )

  5. esmi
    Forum Moderator
    Posted 4 years ago #

    The validation results aren't wrong. I didn't say anything about closing </body> tags. I said that you're missing some closing </div> tags. To be specific, you're missing a closing tag for:

    <div id="content-outer">

    and one for:

    <div id="container">

    Looks like you've edited footer.php to remove some credits and inadvertently removed too much.

  6. thefearless
    Member
    Posted 4 years ago #

    hi esmi ahh i think i get what you mean.

    Those content-outer tag is one i created it wasnt in the original

    so am i meant to put a closing div tag in the footer for it? what would it look like?

  7. esmi
    Forum Moderator
    Posted 4 years ago #

    so am i meant to put a closing div tag in the footer for it?

    If it's meant to enclose the entire page right down to the footer, yes.

    what would it look like?

    </div>

  8. thefearless
    Member
    Posted 4 years ago #

    Ah thanks that brought back the footer i wondered where that went lol

  9. thefearless
    Member
    Posted 4 years ago #

    now back to the sidebar, any ideas on getting it up

  10. esmi
    Forum Moderator
    Posted 4 years ago #

    You're still missing a closing </div> for <div id="container">.

  11. thefearless
    Member
    Posted 4 years ago #

    ok done, it passes the WC3

    But the sidebar is still is too far down on the right side

  12. thefearless
    Member
    Posted 4 years ago #

    I certainly appreciate the help with making sure my code is WC3 compliant but I really need a hand with the main topic of this thread which is getting the sidebar items to display up the page

  13. esmi
    Forum Moderator
    Posted 4 years ago #

    Needed to get those closing divs in place as they could have had an indirect effect on your sidebar. But it looks like you've sorted the sidebar now.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags