capoeirista
08-02-2007, 05:33 PM
Hi There -
Most of my CSS has been pretty pedestrian. Now I've been assigned a layout that is a bit more adventurous and I'd really like to try it. You can see it here (http://www.leevodra.com/layout7.gif).
Briefly, there's a vertical nav that is semi-transparent and sits above the other divs. It needs to be a fixed width, but with the option of having it be flexible width.
The main content container sits behind the nav and has a left margin of a percentage. (The same percentage as the right nav div.) It lives underneath the nav div and goes all the way over to the right.
It's better to look at the picture.
How do I approach this? Instead of a header and footer that go all the way across, there's a big vertical stripe that cuts off everything else.
How do I make the text in the main content container be sensitive to the vertical nav? If the vertical nav's flexible, (doubt I can get away with that since it needs to be fixed) then I can have a percentage from the edge. But what if it's fixed width? Do I need a separate text div on the same z-index as the nav? Is there a way to add pixels to a percentage? Do I just cheat and give it its own div with a max-width?
Any help getting started or with the finer points of this layout will be greatly appreciated.
Most of my CSS has been pretty pedestrian. Now I've been assigned a layout that is a bit more adventurous and I'd really like to try it. You can see it here (http://www.leevodra.com/layout7.gif).
Briefly, there's a vertical nav that is semi-transparent and sits above the other divs. It needs to be a fixed width, but with the option of having it be flexible width.
The main content container sits behind the nav and has a left margin of a percentage. (The same percentage as the right nav div.) It lives underneath the nav div and goes all the way over to the right.
It's better to look at the picture.
How do I approach this? Instead of a header and footer that go all the way across, there's a big vertical stripe that cuts off everything else.
How do I make the text in the main content container be sensitive to the vertical nav? If the vertical nav's flexible, (doubt I can get away with that since it needs to be fixed) then I can have a percentage from the edge. But what if it's fixed width? Do I need a separate text div on the same z-index as the nav? Is there a way to add pixels to a percentage? Do I just cheat and give it its own div with a max-width?
Any help getting started or with the finer points of this layout will be greatly appreciated.