Sidebar has moved below posts

Whenever something like that happens, its because you have an element in the sidebar that is larger than the width of the combined total width specified in your page container.

Its probably the YouTube video set at 300 pixel. Try a smaller width in the iframe definition, like 260px.

And by the way, your slider on the home page is offset wrong. its ok in opera 11.61 and ie 9 but messed up in firefox 11

Its not the YouTube video as I disabled it, cleared all the cache and I still can’t get it to work. If you look now almost everything is disabled while I’m trying to chase it down.

And yea I noticed the slider is off, but its part of the template and I have no idea how to fix that.

The calendar, video, latest tweets popular posts, press release and screen shot widgets are up. I’m staring right at the page.

Look at the size of the ad above the search box. Its clearly too big – about 20-30 pixels too big. Thats one problem I see. Imagine taking the ad plus the width of your horizontal images… they won’t fit side by side.

Do you see the problem in overlap? You will have to make room for the banner ad at 300 pixel width. But the images are too big width wise.

Its a 300×250 banner ad.

do this in styles.css and see if it works:

#sidebar-primary {
overflow: hidden;
float: left;
width: 315px; /* change this to 315px */
margin-left: 15px;
}

I’ve been removing them on and off throughout the day.

Even if you remove all of the widgets it still pushes the sidebar below the content. The ad is a 300 x 250 which fights in the sidebar normally. That add has been on my page for two days with no issues, most of those widgets have been on my site for two days with no problem.

Then suddenly today I refresh and bam its broken. I’ve gone through and removed all plugins and widgets and ran it through validation, still no joy.

So its not the plugins or widgets, that much is certain.

That code change didn’t work. It caused all the sidebars to be pushed down, even on the front page.

Also of note the theme also allows for to be exact

The container width is 960, with the content being 615 and sidebar of 310 If i go through and make the youtube app and such 290 you can see the gap. I’ll remove the ad and decrease the youtube app so you can see.

Lets see if we can get rid of some of that left margin or padding to the left of the sidebar. In styles.css:

#sidebar-primary {
blah blah
width: 315px; /* change to 315px */
margin-left: 0; /* set this to zero and see if works */
}

Nope that didn’t do anything either.

Clear the cache

Already did. Did it agian to be sure, still no joy.

i just measured the width of the sidebar with a screen tool.

The width is 328 pixels.

Yea you can tell its longer than its suppose to be. I just can’t figure out WHY, and why it would change so suddenly. And its fine on the homepage its only on a single post that it bumps off.

Its quite mind boggling…

yeah bizarre… after i used firebug to change the sidebar and content width its like “stuck” in those widths

ok got it to work.

#content {
float: right; /* change */
overflow: hidden;
width: 615px;
}

#sidebar-primary {
float: left;
margin-left: 0px;
overflow: hidden;
width: 300px; /* change */
}

Make sure to test on the other pages, not just the article/single pages. (i.e. home, category, search, etc.) and in other browsers.