[SOLVED] How to 'FIX' the sidebar so it doesn't scroll?
 

Sorry if this is an old Q. I couldn't see it anywhere and my previous Q must have been badly worded as no one answered!

http://www.craigatkinson.co.uk

How do I 'fix' the sidebar so only the main column scrolls. I want the sidebar to remain static.

I think that has been answered in the forums somewhere. I would try a search.

Yes I guessed it would have been. I did search and have just done so again but I can't find the answer, hence this post.

Sorry... What I saw was this thread about having the header area fixed. Not the sidebars.

I don't believe you can. The sidebars and the center area are cells in the same row of a table. You can't fix one cell and scroll the others.

I have tried implementing fixed sidebar content (WP custom menu widget) on my site as well (http://monumentpress.com/we-work-wit...s/consultants/). The page looks and works great…until I resize the browser window, at which point the middle container moves on top of this content.
Basically, I just want my sidebar menu to stay put in its current position on the page, and not scroll up with the rest of the page content, but I don't want the middle content to overlap it when the screen resizes. Am I going about this wrong?

How did you implement the fixed menu? What code and where did you put it?

I couldn't figure out how to style the entire custom menu container, so I had to set both the menu title and the menu itself separately, as shown in the code below. Then I had to specify top and left pixel coordinates to position each on the page.

UPDATE: I was able to resolve this issue by fixing the position of the entire td#left. Everything now behaves as it should when the browser window is resized. The caveat is, since I had to give the left margin of this cell a negative value, it runs off the left side of the screen when viewed on a mobile device.