I'm 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) but - I'm not sure if this can be achieved with CSS or not...
So far then...
I'm using the setMovie function to embed a Quicktime called when clicking on a thumbnail using onClick,
And it embeds the Quicktime movies nicely into:
But I've tried everything I could find, and i can't get anything to work scaling it as the user resizes their browser.
<!-- HTML for the Quicktime plugins -->
The embedded Quicktimes are given the parameters of 'height' 100%, 'width' 100% and 'scale' aspect.
The 'movieHost' div has no CSS styling but it is wrapped in the 'vContainer' div with the CSS styling:
The page has no fixed size (I think) and I don't want any scroll bars anywhere if possible. The document is:
Currently the page has a horizontal scrolling thumbnail absolutely positioned at the bottom of the browser and a logo absolutely positioned in the top right. I'm trying to make the quicktimes embed in the center of the browser (and resize dynamically).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Basically something similar to:
Though not as sophisticated, perhaps - and no need for the expanding/collapsing credit tray....