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.

div#nav_menu-3 h3 {
position: fixed;
top: 185px;
left: 294px;
padding: 0;
margin: 0;
}
div.menu-services-container {
position: fixed;
top: 200px;
left: 200px;
}

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.