Forum Moderators: open
The site is <snip>
Thanks.
[edited by: engine at 9:12 am (utc) on Feb. 8, 2005]
[edit reason] No urls, thanks. See TOS [webmasterworld.com] [/edit]
The movie will either shrink or expand to the size of the screen even when minimized, but with firefox its just matchbox size. I haven't tried what you suggested as yet but don't really want to have to change to pixels even tho your suggestion does sound very logical. Is there no other way?
Before getting too deep into browser compatibility, have you tried moving your <object> code into a blank html file and testing that in different browsers?
You may be able to isolate that your method of embedding the flash file is fine and it's actually a CSS incompatibility that needs to be fixed. Depending on how you define the size of the surrounding div or table of the flash movie can affect how it appears in different browsers.
BTW, it's against the TOS to post links to your own site here. The method that works really well here is to post the minimum amount of code that reliably causes the problem for others to take a look at. That way, the thread can continue to be helpful to others arriving with the same problem. :)
The reason I posted the address was because I asked this question a while back as a guest, never got a response back apart from one person telling me they couldn't assess the problem without a link to the website causing the problem. Sorry for mentioning it, didn't realise it was in the rules.
I think that if this is the problem the only way I am going to get around it is to have an opening page with one link to the IE site and another to the firefox site and upload 2 different sets of the same thing, IE in percentages and firefox in pixels.
<head>of your document or in an external stylesheet. Variations of this hack and this problem are available through your favorite search engine, this code is (as best I can tell) uniquely better than any other out there. :)
<style type="text/css">
<!--
/* start hiding from ie5 mac \*/
html { height: 99%;}
object, embed { height: 100%; }
/* stop hiding from ie5 mac */
body { height: 99%; }
-->
</style>
This code tested on all flavors of current Mac OS X browsers and they all display the full screen movie with no scrollbars. :)
To briefly expand on my "display the full screen movie with no scrollbars" statement, some solutions out there suggest using
overflow:hidden;to deal with the extra few pixels some browsers add when you define 100% height.
I don't like that because then the bottom few pixels of your movie are obscured in those browsers. Better for a full screen movie to be squashed a couple pixels to fit it all in if you are going to show it full screen anyways. :)