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.
Thanks in advance!
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…
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.
- The topic ‘Sidebar alignment incorrect, need fix’ is closed to new replies.