IE 7 and IE 8 problem

Question

jencinas69 0 Junior Poster in Training

18 Years Ago

I have this flash piece in my page

it is a header if you look at it in IE 7 or 8 the header does not show
if you look in Firefox it is fine.

What could be wrong?

here is the code for the header

<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" >
<param name="movie" value="flash.swf?skipintro=0">
<param name="wmode" value="high">
<embed src="flash.swf?skipintro=0" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"  wmode="transparent" width="900" height="100"></embed>
</object>

Thank you

adobe:flash web-design

3 Contributors
22 Replies
136 Views
8 Hours Discussion Span
Latest Post 18 Years Ago Latest Post by casper_wang

Dani AI

Generated 9 Months Ago

Several causes commonly make a Flash header disappear in IE7/8: incorrect wmode usage, wrong relative paths after a PHP include, malformed HTML that forces quirks mode, or the Flash ActiveX/plugin being blocked or missing. In this thread was right to check duplicate <head> tags and script paths, and pointed toward SWFObject as a reliable embedding approach.

Checklist to diagnose and fix (ordered by easiest to check):

Validate the page markup (validator.w3.org). Any stray output before the DOCTYPE, duplicate <head> tags or a BOM at the start of an included file can drop IE into quirks mode and break plugin rendering.
Confirm the SWF request actually reaches the server. Use IE’s F12 developer tools (Net/Network tab) to see a 200 response for the .swf. A 404/403 will produce the broken-image icon.
Remember relative URLs in included HTML are resolved against the final page URL (index.php), not the file system path of the included snippet. Use root-relative or absolute paths to avoid confusion.
Check the display mode parameter: wmode accepts window, opaque or transparent. Accidentally using a value meant for another param (for example high, which is a quality value) will break rendering in some IE builds. Make the param and the embed attribute consistent.
If behavior differs between browsers, use an embedding helper such as SWFObject to handle ActiveX vs plugin differences and to provide graceful fallbacks. The maintained SWFObject repo is available on GitHub: SWFObject on GitHub.
If the SWF still fails in IE, verify Flash is enabled in IE’s Manage Add-ons and try updating/reinstalling the plugin.

Add a simple HTML fallback inside the object tag (a small image or text) so a broken icon doesn’t show if the plugin fails. These checks explain why the PHP include path and a malformed header were likely the main culprits in this thread and point to SWFObject and proper wmode use as robust long‑term fixes.

All 22 Replies

casper_wang 1 Junior Poster in Training

18 Years Ago

just quickly glancing at your source code;

IE has trouble skipping parameters of flash.
change
embed src="flash.swf?skipintro=0
to
embed src="flash.swf
and see if it shows up.

other issues in IE:

<script src="js/jquery-1.2.1.pack.js" type="text/javascript"></script>
	<script src="js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
	<script src="js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
	<script src="js/coda-slider.1.1.1.pack.js" type="text/javascript"></script>

make sure these script files are in the correct place.
and change the ending tag:
change

type="text/javascript">

to

language="javascript">

casper_wang 1 Junior Poster in Training

18 Years Ago

edited post. added code changes and check to make sure the path is correct for the java script as well as the swf file.
it works best if they are all in the same folder, if you are using pure php or html templates for the out put...
if php then in the same folder as the php, if using html templates for the php outout then it needs to be in the same folder as the header.html file.

casper_wang 1 Junior Poster in Training

18 Years Ago

looking closer at it, it asppears you have <head> twice. now the source I am seeing is the html output of the page.
would you please post your code here so I may have a closer look to assist you in finding the problem.

casper_wang 1 Junior Poster in Training

18 Years Ago

I need this code:
conintro.html

and all the java files and the swf file need to be in the same folder as thi html file.
your link to the files need to be changed in relevence to this file as well.

casper_wang 1 Junior Poster in Training

18 Years Ago

http://blog.deconcept.com/swfobject/

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

jencinas69 0 Junior Poster in Training · Answer 1 · 2008-07-01T22:24:46+00:00

just quickly glancing at your source code;
IE has trouble skipping parameters of flash.
change
embed src="flash.swf?skipintro=0
to
embed src="flash.swf
and see if it shows up.

I already tried that..
and did not work

jencinas69 0 Junior Poster in Training · Answer 2 · 2008-07-01T22:41:35+00:00

edited post. added code changes and check to make sure the path is correct for the java script as well as the swf file.
it works best if they are all in the same folder, if you are using pure php or html templates for the out put...
if php then in the same folder as the php, if using html templates for the php outout then it needs to be in the same folder as the header.html file.

See when I include the flash file as an php include it does not show If I paste the object code in the header I get a broken image

weird

jencinas69 0 Junior Poster in Training · Answer 3 · 2008-07-01T22:47:41+00:00

looking closer at it, it asppears you have <head> twice. now the source I am seeing is the html output of the page.
would you please post your code here so I may have a closer look to assist you in finding the problem.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


	
	
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss/" />
<link rel="stylesheet" type="text/css" href="main.css" />
<link rel="stylesheet" type="text/css" href="slide.css" />
<script src="js/jquery-1.2.1.pack.js" type="text/javascript"></script>
	<script src="js/jquery-easing.1.2.pack.js" type="text/javascript"></script>
	<script src="js/jquery-easing-compatibility.1.2.pack.js" type="text/javascript"></script>
	<script src="js/coda-slider.1.1.1.pack.js" type="text/javascript"></script>


<script type="text/javascript">
		jQuery(window).bind("load", function() {
			jQuery("div#slider1").codaSlider()
			// jQuery("div#slider2").codaSlider()
			// etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.
		});
	</script>



</head>

<body >

   <!-- Begin Wrapper -->
   <div id="wrapper">

   
         <!-- Begin Header -->
         <div id="header">
		 
		    	<?php include("conintro.html"); ?>




		 </div>
		 <!-- End Header -->
		 
		 <!-- Begin Left Column -->
		
		 <!-- End Left Column -->
		 
		 <!-- Begin Right Column -->
		 <div id="rightcolumn">

<?php include("slide.php"); ?>
		 
		 </div>
		 <!-- End Right Column -->
		 
		 <!-- Begin Footer -->
		 <div id="footer">
		       <center>
			<img src="images/logotipo-fx.jpg" alt="">
</center>
			    
	     </div>
		 <!-- End Footer -->
		 
   </div>
   <!-- End Wrapper -->
   
</body>
</html>

Thank you

emp++ 0 Newbie Poster · Answer 4 · 2008-07-01T22:55:07+00:00

Check out SWFObject, its a small Javascript file used for embedding Flash content. http://code.google.com/p/swfobject/

casper_wang 1 Junior Poster in Training · Answer 5 · 2008-07-01T23:07:30+00:00

on a side note. edit your .htaccess to include this:
DirectoryIndex index.php index.html

this will allow users to go to your page without typing index.php

emp++ 0 Newbie Poster · Answer 6 · 2008-07-01T23:10:13+00:00

Yeah, that was the original url but I think swfObect is hosted on google code now

casper_wang 1 Junior Poster in Training · Answer 7 · 2008-07-01T23:10:33+00:00

casper_wang 1 Junior Poster in Training

18 Years Ago

I just checked, it is there and updated recently.

jencinas69 0 Junior Poster in Training · Answer 8 · 2008-07-01T23:32:10+00:00

I need this code:
conintro.html
and all the java files and the swf file need to be in the same folder as thi html file.
your link to the files need to be changed in relevence to this file as well.

here is conintro.html

<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" >
<param name="movie" value="flash.swf">
<param name="wmode" value="high">
<embed src="flash.swf" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"  wmode="transparent" width="900" height="100"></embed>
</object>

casper_wang 1 Junior Poster in Training · Answer 9 · 2008-07-01T23:44:55+00:00

1: download add it to same folder as conintro.html

<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">
  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
   width="900" height="100" id="Untitled-1" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flash.swf?skipintro=0" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="flash.swf?skipintro=0" quality="high" bgcolor="#ffffff" width="900"
   height="100" name="mymovie" align="middle" allowScriptAccess="sameDomain"
   type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object></div>
<script type="text/javascript">
   var so = new SWFObject("flash.swf", "mymovie", "900", "100", "8", "#336699");
   so.write("flashcontent");
</script>

try this as your conintro.html

casper_wang 1 Junior Poster in Training · Answer 10 · 2008-07-01T23:50:49+00:00

your code is missing the java script snips.
it needs to be in the file it will run in.. meaning it dont need to be in the php file but it does need to be in the html file

casper_wang 1 Junior Poster in Training · Answer 11 · 2008-07-01T23:56:01+00:00

very good now center it by adding the tags <center> before

<script type="text/javascript" src="swfobject.js"></script>

and
</center> after

shockwave-flash"  wmode="transparent" width="900" height="100"></embed>
</object>

jencinas69 0 Junior Poster in Training · Answer 12 · 2008-07-01T23:55:30+00:00

your code is missing the java script snips.
it needs to be in the file it will run in.. meaning it dont need to be in the php file but it does need to be in the html file

I am trying the code you send it see it as a broken image on IE 8

Thankyou

casper_wang 1 Junior Poster in Training · Answer 13 · 2008-07-01T23:56:59+00:00

casper_wang 1 Junior Poster in Training

18 Years Ago

excelent job. very well done

jencinas69 0 Junior Poster in Training · Answer 14 · 2008-07-02T00:01:45+00:00

excelent job. very well done

Still is not working on IE

is only showing a broken image

It works now I can see it on IE 7

thank you

casper_wang 1 Junior Poster in Training · Answer 15 · 2008-07-02T00:04:05+00:00

Still is not working on IE
is only showing a broken image

I see it just fine. maybe update your flash version.
I see your flash banner for Gaming Tables. starts as a G then moves into the name.. nice professional banner.

jencinas69 0 Junior Poster in Training · Answer 16 · 2008-07-02T00:07:18+00:00

jencinas69 0 Junior Poster in Training

18 Years Ago

Thank you

casper_wang 1 Junior Poster in Training · Answer 17 · 2008-07-02T00:09:49+00:00

Try this
To uninstall Flash, please follow Adobe’s instructions, listed here: http://www.adobe.com/cfusion/knowledgeba...

Once you're done, restart your computer and follow Adobe’s instructions for reinstalling Flash: http://www.adobe.com/shockwave/download/...

IE 7 and IE 8 problem

Dani AI

Recommended Answers Collapse Answers

All 22 Replies

Recommended Answers