OK, I've managed to get just about everything working in CSS and XHTML,
but there is one last peice of the jigsaw.
http://www.seajays.org.uk/2know_dev/
At the moment on the site, I have a gray striped background behind the
left hand menu. This was achieved using a body background image.
It looks OK, until you change the size of the text in the browser (i.e.
larger, smaller etc), and then the menu items start to float out past
the edge of the background image (because the image is a fixed width).
Here's what I've tried:
1) Creating a div in the background, or putting an image in the
background of the menu area;
Problem: can't get it to be 100% of the document (only the viewport)
2) Creating the background image as *all* stripes over the whole screen
and having a white background for the content area;
Problem: on high resolution displays, when maximised the whole width
of the bottom of the screen ends up covered in the stripey background.
Any suggestions about ways to achieve this? I've looked around and it
seems 100% of document is very difficult to achieve (Out of interest,
is this an ommission in CSS? Does CSS3 address this?)
Cheers,
Colin.