Forum Moderators: open

Message Too Old, No Replies

Flash Site Help

flash site the size of a matchbox

         

zippie76

4:23 pm on Feb 4, 2005 (gmt 0)

10+ Year Member



Can anyone help, I have built a flash site which works fine with ie but comes up really small on firefox. Can someone check it to see if I have missed something or if this is the way it just is and I have to accept it?

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]

rocknbil

6:32 pm on Feb 4, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Pretty sure it's this:

codebase .....=5,0,0,0" width="100%" height="100%" id="main" align="middle"

embed ..... width="100%" height="100%" name="main"

I **believe** they should be set as pixel values.

zippie76

11:29 pm on Feb 4, 2005 (gmt 0)

10+ Year Member



problem is if I set them to pixels then it wont show up correct on IE. So it seems that if this is the problem I am in a catch 22 position.

I might give it a shot tho and let you know the outcome. Thanks for responding.

rocknbil

6:45 pm on Feb 7, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It won't? What does it do? It **should,**, pixels are pixels . . . maybe it's some other error in the attributes I overlooked that's actually causing that abberation.

zippie76

7:21 pm on Feb 7, 2005 (gmt 0)

10+ Year Member



With the settings on %'s rather than actual pixels I know that the screen will always sit center with no scroll bars no matter what resolution the viewing is using, ie 800x600 or 1024x768 etc.

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?

whoisgregg

9:47 pm on Feb 7, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hello zippie76 and welcome to WebmasterWorld! :)

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. :)

zippie76

12:43 am on Feb 8, 2005 (gmt 0)

10+ Year Member



Thank you for the welcome. I have tried what was suggested and yes it does show full screen rather than the size I am getting by using percentages. However, I am getting the problem I mentioned in that the movie now doesn't sit center and doesnt fit fully on the screen meaning buttons located at the bottom of the site are off the page and you have to scroll to see them.

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.

whoisgregg

3:42 am on Feb 8, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



There's no need to have two separate versions. I can't figure out why Firefox won't expand the flash movie to fill the height, but the solution is to keep your 100%/100% flash object (for future reference, as it is automatically exported from Flash) and put the fix in the
<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. :)

zippie76

11:19 am on Feb 8, 2005 (gmt 0)

10+ Year Member



It works :o) I am so happy I could kiss you hahaha. Nothing funny like that tho.

Thank you very much, this script will be now appearing in all my flash sites.

whoisgregg

11:23 am on Feb 8, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Glad it worked out for you. :)

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. :)