Hi

I am trying to create a web page with black bars at the top and bottom so it looks like the widescreen effect you have on a standard TV when viewing a widescreen film.

I want the sizes of the bars to stay in proportion with the size of the viewers window (even if they resize it).

I want to avoid using frames or a fixed size window. So far I've tried using a table, but the height attribute doesn't seem to like percentages. Basically I want the middle row to contain a flash movie and have a fixed height whilst the top and bottom bars will be automatically resized depending on the window height.

I can't find an easy way of doing this since the height attribute seems to only take into account the values specified in pixels and not percentages. Scripting seems to be the only option.

Does anyone have any ideas on how to achieve this?

Thanks in advance,

Cosette.

How about just dumping the flash animation in a <div>, setting the size of the div to the desired size of the animation, and then setting the top margin to be a percentage?

<div style="width:300px; height:200px; margin-top:25%;">
<!-- FLASH MOVIE HERE -->
</div>