Flash in IE and Firefox

jank · 27-09-2006 11:57pm #1

We are just after completing a website for a client but one thing is bugging us.

The flash image is pushing the table up a bit more then it should in IE.
In firefox its perfect.

Is there some parts of html that isnt as user friendly in IE?

Look here.

www.sswholesale.ie/store

Anybody know why this is?
Tis a bit weird

vito · 28-09-2006 7:47am

Could be the doctype and whitespaces....this is the usual cause.

A quick test is to remove all the whitespace around these elements and see do they render correctly in IE.

Then you need to apply the correct doctype.

Mark-up looks very hacked together and there are quite a few errors.

jank · 13-10-2006 12:02am

A quick test is to remove all the whitespace around these elements and see do they render correctly in IE.

OK whats the best way to do this?
Is there some program/site out there that can id all that whitespace thats causing the problems?

What doctype should i make it an how do i change it
Is it a matter of just changing this line of code

[PHP]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">[/PHP]

Just this problem is driving me nuts.

Ph3n0m · 13-10-2006 6:36am

in IE your flash banner at the top does not play. To be exact it draws the flowers either side, but the text does not appear at all

why not use http://blog.deconcept.com/flashobject/ to display your flash? -

or pull the object tag until its beside the <td colspan=6> tag

jank · 16-10-2006 12:17pm

The Flash doesnt draw for me either but on other IE's on other PC's it does, Must be some setting there that's stopping it.

It seems to be the flash alright thats distorting the page. I Had a look at that Link and Ill try give it a go.

I just dont get why on Firefox its perfect while in IE there are all these niggles and issues.

I think that the flash animations are too big for the table they are inserted. Is there a way to check this?

I have no Flash experience at all.

jank · 18-10-2006 10:14am

OK I had a try at implementing what they said in the above link.

Unfortunately I cant impliment it.
For some reason it cant find the Javascript file. At least thats why I think it wont work.

Here are some of the snipets I am using.

[PHP]<HEAD>
<TITLE>Southern Storm Wholesale</TITLE>
<script type="text/javascript" src="swfobject.js">[/PHP]

[PHP]
<script type="text/javascript">
var so = new SWFObject("images/SSbanner.swf", "flashcontent", "489", "78", "6", "#FFFFFF");
so.write("flashcontent");
</script>-->[/PHP]

I have the Javascript file in the same directory as the main .html file.
I dont understand why it cant see it, as I cant see anything wrong with the code.

All I get is a blackbox on the top right-hand side.

http://www.sswholesale.ie/store

Im pretty sure if I can get this to work then my Flash Images will render correctly in both IE and Firefox.

This is driving me nuts. This project is 99% done now but cant sign off on in until i get it displaying correctly.

Ph3n0m · 18-10-2006 10:16am

take the flash out of the subfolder and put it into the same folder as the html and the javascript and edit your code to look like this

<script type="text/javascript">
   var so = new SWFObject("SSbanner.swf", "flashcontent", "489", "78", "6", "#FFFFFF");
   so.write("flashcontent");
</script>

jank · 18-10-2006 10:36am

No luck either with that.

Ph3n0m · 18-10-2006 10:41am

you havent moved the flash to the same folder as the html

jank · 18-10-2006 10:43am

I have.

Where are you seeing that its not there?
I have the .html the /js and the flash image all in the same folder.

Ph3n0m · 18-10-2006 10:46am

http://www.sswholesale.ie/store/SSbanner.swf

that is where the flash should be, it isnt

jank · 18-10-2006 11:01am

Done now.

Sorry about that but Im using Oscommerce with STS and its screws up the paths. The actual path to the flash in somehting like store\includes\sts_templates\ssbanner.swf , but its seen differently to the public.

I thought it might be that screwing it up but I cant get it seen on my own pc either where I have a Dir called Website and I have my home.html, ssbanner.swf and the js all there in the root while I have a dir called images.

edit:
Hmm actually you are right, strange but when i uploaded it it tooks a few minutes before its visible. Must be our proxy in work.

Any its there now but still no luck.

Ph3n0m · 18-10-2006 11:21am

you are so close

in your code place the following

<div id="flashcontent"></div>

above

<script type="text/javascript">
   var so = new SWFObject("SSbanner.swf", "flashcontent", "489", "78", "6", "#000000");
   so.write("flashcontent");
</script>

Ph3n0m · 18-10-2006 11:45am

just fyi, you have a javscript error in IE

line 65

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">

if anything i would seperate that javascript you have under "swfobject.js" into its own js file

jank · 18-10-2006 12:40pm

Thank you, Thank you!!

That was wrecking my head.

Im trying to sort out that error.
Seems my rollover effects are now gone for some reason.

I was trying to get a rollover effect going that would also encapsulate an session.

jank · 18-10-2006 12:50pm

Ph3n0m wrote:

if anything i would seperate that javascript you have under "swfobject.js" into its own js file

yea its this that is stopping the rollover effect now.

I have that in its own js file already. The rolloever effects where created with photoshop so it doesnt us a js file but something is clashing here

Edit. Think I got it.

Edit again!

Yea fixed that now. Im going to have to have a look at the session ID thing. There is a solution on the oscommerce forum but ill leave that for another day.
Hopefully the new version of IE dont have all these issues.

Thanks again Ph3n0m wouldnt have been able to do it without you.

Flash in IE and Firefox

Comments