Make a css top frame of variable height?

[Eternal_Howl]

I poised a question in this thread: http://dynamicdrive.com/forums/showthread.php?t=36272


but no answers. So I thought I would rephrase it.

If I want to frame the top of my page so it always remains visible but wish to ensure that centre part of the frame is not as high as the bits on the left and right, is there a way to do it? I believe I have tinkered with a three frame css style but it still didn't give me the results I wanted and tried using a single frame - but the variables in the frame have differing heights and I need it to be no higher (vertically) than the logo and the nav bar.

Below I have included a screen shot of how I want the top part to stay on top and the second screen shot is how far I've gotten so far - meaning the top outside images scroll with the page and I can't have a single width css style frame as it makes the frame at the top too high.

My last attempt before I ditch this idea and try something else. Is there a way to do it and if not css, an alternative?

[Eternal_Howl]

The title should read of varying height - meaning higher where the images are which are 263px high while the middle (where the logo is) is 180px high.

The centre content to be able to be scrollable.

[Eternal_Howl]

My query seems to be impossible (at this stage) as nobody has been able to answer so have just gone with fixed header (no frame or scrolling content etc).

[Spoof]

I've achieved what I think you are asking two ways.

One, Include the pictures (in your case, upper left, center, and upper right) in the background image. Makes for a large file, but if you're willing to sacrifice modem customers, it is an option.

The second, scrolling center content. Stick overflow:auto; in the css for your main content area.

Good luck!