bladefist — 2012-03-14T14:41:25-04:00 — #1
Hi all, take a look at http://businesswebsite.toneysolutions.com/. No matter what theme I try, the plugin will push the sidebar to the bottom of the page and sometimes the footer to where the sidebar should be!
Reducing the width of the plugin doesn't return the sidebar to where it should be.
Is there anything that I can edit in the theme to make this work properly?
The theme used in the above example is Thematic and I can provide any file from it if necessary.
tehyoyo — 2012-03-14T15:34:32-04:00 — #2
Geez. Did you use a website builder or base your website off all plug-ins?
I found the error (although it was torture wading through all of that )
On your stylesheet : http://businesswebsite.toneysolutions.com/wp-content/themes/thematic/library/layouts/2c-r-fixed.css
The div with id="container" has a width set to 620px. I don't know if you want this or not, but since both the slideshow and sidebar are in there, it pushes the sidebar down because the sidebar is second in the markup.
ryanreese — 2012-03-14T16:13:55-04:00 — #3
The issue is that your columns aren't floated, that and the widths are an issue :).
Change/add in the following CSS
border: 1px solid #CCCCCC;
padding: 18px 0 0;
[B] float: left;[/B]
margin: 0 0 0 10px;
<font color='red'>/*float: left;*/</font>
[B] overflow: hidden;[/B]
<font color='red'>/*width: 620px;*/</font>
You can use margins to adjust the columns spacing.
bladefist — 2012-03-18T11:36:53-04:00 — #4
Thanks for the quick responses guys! Much faster than wordpress support and the Flash plugin support. I applied Ryan's changes and the sidebar is where it should be http://businesswebsite.toneysolutions.com/. But now every other page pushes the sidebar to the bottom of the content e.g. http://businesswebsite.toneysolutions.com/?page_id=81. Anyone have an idea as to what's going on?
bladefist — 2012-03-18T11:46:01-04:00 — #5
I definitely appreciate the torture you went though! I imported a site into Thematic theme and thought I'd include the Flash plugin. Everything was fine until then.
ryanreese — 2012-03-18T12:03:10-04:00 — #6
Your #container needs float:left; to allow things to be side by side :).
This does not screw up the other page, and in fact you could remove the overflow:hidden; now if you wanted
tehyoyo — 2012-03-18T20:03:55-04:00 — #7
Haha Happy to help.
That's why we advise against website-builders.