Layout problems

[skidpanda2]

Hi Folks,

I'm having a few problems with a layout I'm trying to do. I basically want to have graphics expand around a table so it will fit any screen size and be fluid.

See this image:
http://www.thegenonline.com/EXAMPLE.JPG

The green boxes would be corner images. The red boxes would be expanding images at 100%. So whatever screen size the box will increase in size vertically and horizontally. The content would appear in the centre black box. I can get it expanding fine on the horizontal, but not on the vertical.

Can anyone give me a few pointers please? Or point me in the direction of any source that I can learn from.

Thanks very much,

Skid

[SeanXE]

Well from being a designer myself, i've never got the vertically size box to span %100 of the page. What you would have to do is use some javascript to find out the users screen resolution then adjust accordingly.

Something like:



<script language="javascript" type="text/javascript">
var h, w;

h = screen.height;
w = screen.width;

if(h==800&&w==600) {
// do code for this resolution here
}

if(h==1024&&w==768) {
// do code for this resolution here
}

else {
// do code for this resolution here
}
</script>


that's off the top of my head but it gives you the general jist of what you should do...