Hi all,

I m very much new to CSS. So, if my question is silly then please forgive me.

I come across on problem with my design structure of div.

I have one main div. The height of this div is not fix.
Inside it i have 5 divs.

1st div has fixed height.
2nd div has 50% of height - So that it can fill the UPPER empty space in the main div
3rd div has fixed height
4th div has 50% of height- So that it can fill the BOTTOM empty space in the main div
5th div has fixed height

Now the problem arise bec'z the height of the main div is set by server call.
So how to streach 2nd and 4th div equally which make the 3rd div to be in middle and don't force the 5th div to be disapear when percentage wise height exceed the height of main div.

I have set the following style in CSS.

position:relative;
overflow:hidden; /* - may be buggy - */

Please forgive me for English.

Thanks in advance.