Positioning

Hello.

I would like to know if there is any way to use CSS2 to position four <div> 
elements as shown in the image at http://www.jwatt.net/temp/css_q.png (284 
bytes)?

Whatever styling is used the top and bottom div elements should collapse 
vertically to the height of their contents while maintaining 100% width. 
The left and right div elements should collapse to the width of their 
contents while maintaining their top edge against the bottom edge of the 
top div element and their bottom edge against the top edge of the bottom 
div element. When the window is resized the div elements should be resized 
to maintain the positioning described above. In addition to all this the 
content of the page should then be able to fall into the space in the 
middle (perhaps another div element would need to be made to contain it?)

The content of the div elements will change (using JavaScript to control 
the CSS display property), hence the importance that the divs will collapse 
to the size of their content as it changes.

Failing this, is it likely to be possible to do this using any of the CSS3 
modules? And does anyone know of a work around in the meantime?

Regards,

Jonathan.

Received on Tuesday, 29 January 2002 22:03:53 UTC