PDA

View Full Version : Two "fixed" columns via CSS?


jdcfsu
2008-05-16, 21:55
I'm a little stumped here. I have a simple three column layout going, but I want to position: fixed both sidebars so they stay in place at the top right and left corners of the page while the main content, a fluid column, scrolls in the middle of the page. I can get the left div fixed without a problem and it works nicely, but the problem falls with the right one. If I give it a position: fixed, it layers on top of the left one, all other position: tags don't keep it in place. I can't seem to figure what I'm missing. Hopefully someone understands what I'm trying to say and has an idea how to make this work. Thanks!

Here is what I'm trying to do, in a rough sort of way:

|--Fixed Position--|----Fluid Main Content (Scrolls)----|--Fixed Position--|

dmegatool
2008-05-17, 08:17
Different layouts:
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

The one that you are describing:
http://www.thenoodleincident.com/tutorials/box_lesson/basic3.html