WordPress.org

Ready to get started?Download WordPress

Forums

Sidebar alignment incorrect, need fix (5 posts)

  1. freshsparks
    Member
    Posted 3 years ago #

    I have a sidebar issue. The widgets on the right sidebar have dropped down to the right and below the left content area. I would like them to be up in the right sidebar column aligning with the top of the main content. Any ideas where in my CSS I went wrong?

    Scroll down to view mis-alignment.

    http://victoria-smith.com/bio/

    Thanks in advance!

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Start by sorting out the markup errors. Then move onto the CSS errors.
    http://codex.wordpress.org/Validating_a_Website

  3. freshsparks
    Member
    Posted 3 years ago #

    I learn something everyday in the world of coding, as a beginner. :) Thanks for the tip on those validators, I plan to use them on everything moving forward! I worked to validate 30 errors, and the remainder are caused by the code that I got from facebook and amazon for embedding their widgets. Not sure how much more I can do to those, and I am still getting the alignment problem.

    Now, going to work on the CSS errors...

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    I plan to use them on everything moving forward!

    Good for you! Starting with valid markup is the best way to ensure good cross-browser displays. with regard to the CSS errors, you can ignore the -webkit & -moz ones. Although, strictly speaking, they're not valid CSS, they shouldn't cause any issues in other browsers. The "value error" ones are the most significant and I'd also suggest checking out the "empty string" errors too.

    Once they're all sorted, if you're still having problems then it will be down to a flaw in your CSS "logic" - widths, margins etc. Or the fact that something inside one of your main content blocks is pushing the block wider than you intended.

  5. freshsparks
    Member
    Posted 3 years ago #

    Thanks for the info! I saw those 'empty string' errors but not quite sure what that means. I checked my CSS again, and still cannot figure out the alignment issue. Not sure what to do next!

Topic Closed

This topic has been closed to new replies.

About this Topic