Dynamically scale div according to user window resize?

[piers]

Ok...

 

I'm a total amateur trying to figure out how to resize a div to a set percentage of the users browser - regardless of how they resize it. And I want to do it dynamically (in that it resizes as the user resizes their browser).

 

So far then...

 

I'm using the setMovie function to embed a quicktime called when clicking on a thumbnail using onClick, as in:

 

onClick="setMovie('Quicktimes/mov1.mov')"

 

The code I'm using to embed is:

 

 

(Part of the preceding code I intend to wrangle into showing a title of what's playing, I hope)

 

It's based on the Prototype framework with the prototype script referenced at the bottom of the doc:

 

[LSW]

Give the div a CSS flexible deffinition. Div {height:100%, width: 100%} or use width :auto; if it is to resize to the content.

 

Remeber the mobile market is growing and almost none of them support JS.

[piers]

Thanks, LSW... the problem is that the quicktime file either has a set height and width already, or is set to scale to it's container. Since the container div is not contained within a set dimension, the '100%' value doesn't mean much unless I can make it some %age of the users browser window height/width, right?

 

I have a code snippet:

 

 

But I can't get it to work.....

 

btw.. I'll probably get around to an iPhone redirect site at some point since it requires .m4v Quicktimes anyway.

Edited June 9, 2009 by piers