Trying to Push Sidebar to Bottom

rstarck · Member · Dec 22, 2008 at 5:49 pm
Copy link

Add topic to favorites
I have one page on my site where i want the sidebar to push down on the bottome. On computers with IE it cuts off the right side so that you can not read the entire thing. However, using IE on computers where I am logged in (ie: my dashboard is accessable), it is on the bottom and the page looks fine. Here is the page:

Wine CD

Reading other posts, it looks like all you have to do is make an image greater than 450 (the max for my theme, Contempt). However, I have done this and it just cuts off the right side.
devblog · Member · Dec 22, 2008 at 6:06 pm
Copy link
This is the image that is messing things up:
```
http://www.freewayguides.com/skin1/images/header_1.gif
```
Make the image smaller so that it fits well in the post area, that should fix your problem.
devblog · Member · Dec 22, 2008 at 6:07 pm
Copy link
never mind my previous post. I guess I need more coffee.
devblog · Member · Dec 22, 2008 at 6:13 pm
Copy link
For what you’re trying to do, the only solution I can see right now is through the CSS upgrade. You would need to modify your layout’s CSS to accomplish what you want. Unless another volunteer has a different solution to what you want, I believe that modifying the CSS is the only way to go.
rstarck · Member · Dec 22, 2008 at 6:16 pm
Copy link
I do have the css upgrade … but the problem is that i only want it for one page. In fact, removing the sidebar is preferable. It seems that if I modify the CSS it will remove the sidebar on my entire site.
devblog · Member · Dec 22, 2008 at 6:43 pm
Copy link
No, unfortunately you can’t remove the sidebar for one page only.

If you want the post column to cover the whole page for that post only, you could use this (dirty) workaround:
```
#post-313{
background: #fff; position: relative;
width: 720px;
margin: 50px 0 0 -30px;
clear: both;
}
```
In Firefox, the sidebar would be covered by the post area, I’m not sure how it’d look in IE since, though. It’s possible that it will push the sidebar to the bottom or cover it as well.

I’d recommend to make your green banner smaller (say 700px width) so that it displays well.

Try that, hopefully it will do what you want.
rstarck · Member · Dec 23, 2008 at 4:09 pm
Copy link
That worded GREAT. Thank you! I understand the code, but as I’m new to this CCS stuff with WP … how did you know to use post-313?
devblog · Member · Dec 23, 2008 at 5:51 pm
Copy link
I knew it was post-313 by looking at the source code of the post. It’s the ID of the DIV enveloping it, and since it’s the only element you want to manipulate, you define a selector in your CSS targeting that element only.
rstarck · Member · Dec 25, 2008 at 5:44 am
Copy link
duh, of course. thanks.

No items found.