Sidebar appears below everything else

Quick test, make sure this tag:

<?php get_sidebar(); ?>

is above this tag:

<?php get_footer(); ?>

in most files..

Just make sure for the index.php file..and some others..

spencerp

If it’s more then that…then we’ll go from there.

Also try playing about the with the width of your sidebar and/or your page width.

And … the header is no longer centered correctly. Same thing is happening for Andrea (different post) — take a look at her page as well. Saw it on one other too. There’s something happening to us out here that I hope someone can identify. Maybe a /div that got corrupted, or shouldn’t be there, or ??

Hmm, I was going to say “Check the widths” as tauquil has, but your background isn’t showing. The initial problem may still be a width issue in the CSS file, but the background issue can sometimes be caused by two plugins that don’t play nice together, or a PHP call that’s incorrectly formed.

Background is showing fine. (it’s white and pale gray) We made no changes to any template, .css, or .php file — because we are strictly using this “out of the box”. It got corrupted without any manual intervention, and we announced the site is ready to use today. I’m feeling the pressure to fix something, but what? Can you tell that the header is incorrectly placed over the primary page? out of alignment. I have a feeling that’s related to the sidebar not coming up in the right place anymore.

Well, sheesh, I changed some of the html coding in the post itself and — no more goofy header placement, no more sidebar problem! One post had each section beginning with a <div class=….> command, the other was just simple and in the former I found a few <div> commands without a corresponding </div>. Now — I had not changed anything in that post today, but nonetheless, the site had gone “bad” and now it appears to be straightened out. No changing .css, or .php, or anything else you brilliant geeks do. Basically, it’s like taking an eraser and erasing a smudge on a handwritten note!
—so far so good for now.

Yeah, and your background is showing now, too. :o) Glad you were able to iron it out.

~Jonathan

I am having this same issue with my blog. It was working fine for about a month then just happened. The page is https://www.pollsandpundits.com/blog/

I have checked that my <?php get_sidebar(); ?>
is above my footer. I have run the validation service. I have checked the length of the items within the sidebar and none are wider than my margins.

Can someone suggest another possible problem?

Maybe try changing some margin sizes in here or something. And some other stuff… it’s 150px wide, but what’s with the margin-left:700px;? That’s prolly what’s kicking to the left like that .. :/ Just taking a guess lol!


#menu {
background-color: #fff;
color: #000;
border-top: 0px;
padding: 10px 0px 10px 0px;
right: 2px;
top: 0;
margin-left: 700px;
margin-right: 2px;
width: 150px;
float: right;
position: relative;
}


spencerp

I dunno…I’m sober tonight and my drinking thinking abilities are off..

I have the main area 900px wide, the content 650px wide. I want the sidebar to start at 700px and go to 850px. I made it 900px to allow some leeway when I was learning the code… But none of the items within the sidebar are unable to wordwrap within 150px.

Thanks for trying though – have one on me.

Hahaha…I would have one on ya…but don’t have any at this time. =( But, anyway…I have this other guy looking at the source and such as well, and here is our MSN convo on it..

willr says:
I no the freAking problem hes got his #menu inside the #content
Twisted says:
u see it
willr says:
yeah im looking at his xhtml
Twisted says:
hahaha
willr says:
hes got like this – <div id="content">
<div id="menu">
willr says:
</div>
willr says:
</div>
willr says:
most likely if he fixs that the design would work.
Twisted says:
hahaha
willr says:
shit its a messy freaking code

spencerp

dang I’m tired….need sleep.

Hi – I seem to be having a similar problem. I use the VeryPlainTxt theme. It looks horrible in IE (broken horrible not normal IE horrible) and odd in Firefox – a random figure 9 has appeared between main body and sidebar. Any help – I will be infinitely greatful.
My site is https://www.benking.co.uk/blog

Ben