This is a crossover question, part CSS and part Flash.
By way of preamble. I am trying to develop highly liquid CSS based sites that use relative sizing of page elements (header, footer, nav and content) One of the problems I have come across is how to create a elastic banner that will actually resize when the user resizes the window. If you use a blocky font, it is amazing what you can do with a transparent monochrome gif and make it dimensioned in %ages rather than px. However, to get a truly resizable header, you need a vector object, the most common example being Flash. (Please - I don't want to discuss the merits of using Flash here - that's another thread ;))
My problem: I have a Flash header with a nominal size of about 80px x 800px. This header is in a CSS div with this CSS:
This works beautifully in IE5+ & 6, but fails in Gecko. Specifically, the Flash object fills 99% of the viewport height, not 99% of the div.
I'm not sure if this is a coding problem on my part :( or a Flash problem, or a Browser problem in Gecko?
Has anyone else tried this or had similar experience with relatively-sized Flash objects? I have posted this question on another Forum without luck. This seems to be the most knowledgeable group on the net so I am sure someone has an idea.
It was suggested very recently (I forget by who) that a height attribute ought to be applied to the body element, too. I'm not sure of its relevence entirely, having never looked into it, but it sounds as plausible as anything I can think of.
I'm sure someone'll solve it, through some cunning methodolgy unbeknownst to non-wizardy people.
Found the link, and it was SuzyUK who mentioned it here [webmasterworld.com]