Monroe
Member
Sorry for all the questions lately, but you guys are such a helpful bunch ![Big Grin :D :D](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
I'm using a three-column CSS layout with a vertical navigation on each side, and the main content in the middle. The main content is much longer than the two navigation columns, so I would like the two nav columns to be fixed, so that they stay on the screen as you scroll down the middle (main content) column.
At the moment I have all three columns floating to the left, and it looks fine. But when I try to fix either nav column my whole layout gets screwed, because it fixes the nav and then shifts the middle column to the left underneath it. And if I fix the third column it moves it to the left on top of the first column.
Not sure if I made it clear what I'm trying to do, but if so, how do I do it?![Smile :) :)](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
I'm using a three-column CSS layout with a vertical navigation on each side, and the main content in the middle. The main content is much longer than the two navigation columns, so I would like the two nav columns to be fixed, so that they stay on the screen as you scroll down the middle (main content) column.
At the moment I have all three columns floating to the left, and it looks fine. But when I try to fix either nav column my whole layout gets screwed, because it fixes the nav and then shifts the middle column to the left underneath it. And if I fix the third column it moves it to the left on top of the first column.
Not sure if I made it clear what I'm trying to do, but if so, how do I do it?