N
Nik Coughin
Hi,
I am trying to make a navbar on the left side of my page which has a minimum
height of 100% of the window, a graphic at the top,
a graphic at the bottom and a graphic in the middle which is stretched to
fill the space. The navigation links go over the middle graphic.
This is what I have so far:
http://www.nrkn.com/crew/
It's OK, but I don't like the way that
a) the bottom graphic covers the links if you resize the window too much
b) It all gets a little kooky when you resize the window anyway because I'm
positioning the bottom graphic against the bottom of the viewport... not
such a great idea I realise. I'd rather the bottom graphic was positioned
in relation to the bottom of the entire page's content, not the bottom of
the viewport.
Basically what I want is a left navbar which fills 100% of the height if the
content is less than 100% of the height or expands if the content is more
than 100%, with an image at the top and bottom and the stretched image in
the middle. Any links to existing layouts like this or just hints or tips
in general?
I am trying to make a navbar on the left side of my page which has a minimum
height of 100% of the window, a graphic at the top,
a graphic at the bottom and a graphic in the middle which is stretched to
fill the space. The navigation links go over the middle graphic.
This is what I have so far:
http://www.nrkn.com/crew/
It's OK, but I don't like the way that
a) the bottom graphic covers the links if you resize the window too much
b) It all gets a little kooky when you resize the window anyway because I'm
positioning the bottom graphic against the bottom of the viewport... not
such a great idea I realise. I'd rather the bottom graphic was positioned
in relation to the bottom of the entire page's content, not the bottom of
the viewport.
Basically what I want is a left navbar which fills 100% of the height if the
content is less than 100% of the height or expands if the content is more
than 100%, with an image at the top and bottom and the stretched image in
the middle. Any links to existing layouts like this or just hints or tips
in general?