PDA

View Full Version : Firefox miniaturizes swf!

haznut
07-22-2007, 05:15 AM
Hello, thanks for reading my post.

I made an horizontal scrollable website in flash, inserted in a 3 frame html. The main movie goes in the main frame, and the swf is scaled 100% with dreamweaver so it will fit in all screen resolutions.
With IE works fine.
However, in Firefox, the main SWF occupies like 30% of the main frame. Firefox reduce itīs size, making it impossible to watch.
Please if you have the time to check it out to see for yourselves. I canīt seem to work this out.
The siteīs url is www.zhetabtl.com
Try to check it out with both Firefox and IE to see what iīm talking about.

I really appreciate your help.
Thanks a lot.
atomic
07-22-2007, 06:04 AM
Think FF doesn't like 100% on the width & height parameters, especially in a div...

If you have a look at http://www.zhetabtl.com/main.html on FF, the movie is already not correctly displayed & distorted... Obviously, when this .html is loaded in a frameset, it won't make it better...

You'll also have to deal with the EOLAS problem (click to activate...) on IE.
haznut
07-22-2007, 06:59 AM
Thanx for your reply Atomic.

Do i have another choice to make the swf 100% on the html?
Iīm not an expert in flash, so i did the basic...make the swf 100% in dreamweaver.
Is there a way out of that problem??? perhaps a trick to fool FF or something?
Once again, thanx for your time.
atomic
07-22-2007, 07:35 AM
So how's this on FF?

HAZNUT (http://francoisgill.110mb.com/flash/haznuttest.html)
michaelsillitoe
07-22-2007, 11:02 PM
http://www.actionscript.org/forums/showthread.php3?t=107697

try this. i don't quite know if you are having the same problem as me but it might help
haznut
07-24-2007, 12:58 AM
Atomic, itīs just marvelous :D

I have to ask...please oh please....HOW did you do it, or better yet, how can i apply it???
Many thanx!
atomic
07-24-2007, 01:06 AM
Don't quite remember... Have a look at the page source on that link, and also on this file...

http://francoisgill.110mb.com/flash/myfile5.html

You still have to take care of the EOLAS problem (click to activate) on IE...

http://blog.deconcept.com/swfobject/
haznut
07-24-2007, 04:44 AM
Atomic / michaelsillitoe:

Thanx a lot for your help. I followed michaelsillitoeīs link, and came up with the solution. For the next person having this problem, hereīs how to solve it:

Take out the doc type at the very TOP of the html file...

It should look something like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">



I really appreciate your help. I donīt know if you realize how you help us web illiterates with just good will, with nothing in exchange; And that you donīt see too ofthen these days. The best for all of you.
atomic
07-24-2007, 06:28 AM
You still haven't taken care of the EOLAS problem on IE though!
jsebrech
07-24-2007, 09:51 AM
Incidentally, the reason that taking out the doctype works is that if you don't specify a doctype browsers do a fallback to HTML 3.2 in quirks (backwards compatible) mode instead of HTML4. Even though the standard for HTML 3.2 did not allow percentage based sizes, in practice older browsers implemented this as an extension for convenience, and people started to rely on this behavior. With HTML4, positioning became deprecated in favor of CSS, so even though the standard allows percentage-based heights now, they are interpreted according to the positioning rules specified by CSS, which don't have a concept of "take up the available space". To deal with this (and other problems), browsers implement a system whereby you use the old, incorrect, rules if you don't specify an appropriate doctype, and use the new, standardized, rules if you do specify the appropriate doctype.

So, in effect, taking out the doctype makes your page rely on an old browser bug/"feature" that has become standard practice. This is most definitely not the correct way to do a 100% height. The correct way is to use css styles, with a HTML doctype to make the page render in standards mode. The CSS 2.1 standard specifies in excruciating detail how relative sizing works, and with careful interpretation it's possible to do a 100% height with CSS. Having said that, I often just take out the doctype as well, because the CSS standard, frankly, well, ..., it sucks ;)

More explanation about quirks mode / standards mode:
http://www.quirksmode.org/css/quirksmode.html