html 100% height with 200px bottom margin?

Question

please can some brilliant person help me with this page layout or tell me if it is possible?

Trying to embed some flash content which resizes with the browser but has a 400px margin on the left and a 200px margin at the bottom. Have managed to get the margin on the left but cannot get the bottom margin to stay within the browser.

My div looks like this:

<div style="height:100%;margin-left:400px;">
    <div id="flashcontent"></div>
</div>

The swf is embedded with swfobject into the flashcontent div dynamically, Any help with this would be greatly appreciated.

Mike

Answer 1

If you can afford not to support IE6, I guess you could work with position: fixed.

It's not very elegant but from the sound of it (you don't seem to have any other layout considerations to take care of on this page), it might do.

<div style="position: fixed; left: 400px; top: 0px; right: 0px; bottom: 200px;">
    <div id="flashcontent"></div>
</div>

I can't test this right now, but the flashcontent div should now be able to resize according to the outlying div.