help needed:how to fill blank height left after all div end?

[genia]

http://www.stargatemedia.co.il/abou_tt.htm

if the content text is not long enough there is white blank space left.
i cant do repeat-y or put an image since the layout is elastic.

is there a script that can set the lowest div's height so it will fill the user viewing port?

or any other solution?

[jscheuer1]

This could work out (from your stylesheet, addition highlighted):


body{height:100%;width:100%;
background-color: #ec7f14;
}

[genia]

yeah but i need that both of the color to fill the empty screen left

[molendijk]

You may have too many </div>s after <object></object>
===
Arie Molendijk.

[genia]

and?
i want that both the orange and the grey to fill the page to the bottom
i believe this is possible

[molendijk]

I meant that if you take away two </div>s after the closing object tag, white space between 'Lorum ipsem' and the image above disappears.
But after looking more closely to the source of the page, I realize that your div's are OK.
Sorry.
===
Arie.

[molendijk]

I downloaded your site. The problem seems to be gone if you give the body margin: 0.
===
Arie.

[genia]

does not work.
to clerify what i'm trying to do:
document.getElementById("row4l").style.height=document.screen.availHeight-660+"px";

something like this-but my js knowldge is not big so i need help with this..

if the screen height is more than 900px then there is nothing under the divs and i want to fill that space