PDA

Click to See Complete Forum and Search --> : auto-sized embed in accessible XHTML document



keyone.it
01-30-2007, 07:03 PM
It's weird but looks like I've never come across this one..

How do you give a scalable 100% size to Flash in a XHTML page with swfObject embedding?

In my work, I usually give the Flash object 100% size and manage it's dimensions through the containing DIV style properties in JS (to achieve scalable Flash user interfaces).

But here I need Flash to adapt to the page, but within an accessible XHTML document....

IE6 and IE7 work good, whereas Firefox trips on height...
I've done the usual tricks:

html, body {height:100%;}
#containingDiv {
min-height:100%;
height:auto !important;
height:100%;
}

The containing DIV works good and fills the window, but the Flash embed object doesn't (obviously because it is contained by a block with undefined height...).


Any ideas?

keyone.it
01-30-2007, 07:14 PM
I'm probably too tired...

The solution was pretty simple:
the problem in FF was that by using the min-height and not just height, in fact the containing DIV didn't have a definite height...thus preventing blocks within from adapting vertically.

So just using a simple

#containingDiv {
height:100%;
}

I solved the problem...