I am having difficulty with CSS on our website. I am trying to create a 3-column layout, with sidebars being a set width and the middle being elastic so that is expands and shrinks according to the size of the browser window. The problem is that we have a SEO-optimised theme for our store, so the content comes before both of the sidebars. I tried to use negative margins to position both sidebars. Either I didn't do it properly, or it won't work for my example, because I get some strange results:
If you visit that link, you'll notice that, as you stretch your screen, the left sidebar actually pops out of the site's wrapper! Can someone help me figure out how to keep this from happening?
Also, what's the best way to make the middle column elastic? I tried something here, but I'm not sure if it's the right way-->
Thanks in advance for all suggestions!