Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

xgujuplaya

macrumors newbie
Original poster
Oct 8, 2010
4
0
I created a website for a dance competition and the website only works in safari when its viewed in firefox only the background shows up the flash content does not and I checked if flash player is installed and it is

the link to the website is

http://www.miami-mayhem.com

here is the code for the website

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Miami Mayhem</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>

<body>
<div id="bg"><img src="Images/bg.jpg" width="100%" height="100%" alt=""></div>
<div id="content">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="Index" align="middle">
				<param name="movie" value="Index.swf" />
				<param name="quality" value="best" />
				<param name="bgcolor" value="#222222" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="transparent" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="Index.swf" width="100%" height="100%">
					<param name="movie" value="Index.swf" />
					<param name="quality" value="best" />
					<param name="bgcolor" value="#222222" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="transparent" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
</body>
</html>

if someone can tell me what is wrong and how to fix it that would be great thanks
 
I created a website for a dance competition and the website only works in safari when its viewed in firefox only the background shows up the flash content does not and I checked if flash player is installed and it is

the link to the website is

http://www.miami-mayhem.com

here is the code for the website

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Miami Mayhem</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>

<body>
<div id="bg"><img src="Images/bg.jpg" width="100%" height="100%" alt=""></div>
<div id="content">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="Index" align="middle">
				<param name="movie" value="Index.swf" />
				<param name="quality" value="best" />
				<param name="bgcolor" value="#222222" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="transparent" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="Index.swf" width="100%" height="100%">
					<param name="movie" value="Index.swf" />
					<param name="quality" value="best" />
					<param name="bgcolor" value="#222222" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="transparent" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
</body>
</html>

if someone can tell me what is wrong and how to fix it that would be great thanks
yep confirmed also fyi it works in chrome and firefox without flash installed dosent work and with flash installed dosent work either see atachments

The problem might be in the index html, you've written

<object type="application/x-shockwave-flash" data="Index.swf" width="100%" height="100%">

try

<object data="Index.swf"
width="100%" height="100%" type="application/x-shockwave-flash">
the webkit brosers might ignore the mistake, firefox (beacause its better:)) doesn't
 

Attachments

  • Capture chrome.JPG
    Capture chrome.JPG
    207.5 KB · Views: 86
  • Capture firefox no flash.JPG
    Capture firefox no flash.JPG
    199.2 KB · Views: 90
  • Capture firefox with flash.jpg
    Capture firefox with flash.jpg
    346.5 KB · Views: 77
yep confirmed also fyi it works in chrome and firefox without flash installed dosent work and with flash installed dosent work either see atachments

The problem might be in the index html, you've written

<object type="application/x-shockwave-flash" data="Index.swf" width="100%" height="100%">

try

<object data="Index.swf"
width="100%" height="100%" type="application/x-shockwave-flash">
the webkit brosers might ignore the mistake, firefox (beacause its better:)) doesn't

I tried that and it still doesnt work I also updated the index.html file on the server so it updated on the site
 
In the CSS add,

Code:
#content {
 height: 100%;
}
The 100% height on the object is based on its parent, which had no height, thus it had a very short height.
 
could we see the css to make sure you got the percentages right?

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Miami Mayhem</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>

<body>
<div id="bg"><img src="Images/bg.jpg" width="100%" height="100%" alt=""></div>
<div id="content">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="Index" align="middle">
				<param name="movie" value="Index.swf" />
				<param name="quality" value="best" />
				<param name="bgcolor" value="#222222" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="transparent" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<!--[if !IE]>-->
				<object data="Index.swf" width="100%" height="100%" type="application/x-shockwave-flash">
					<param name="movie" value="Index.swf" />
					<param name="quality" value="best" />
					<param name="bgcolor" value="#222222" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="transparent" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
</body>
</html>

thats the whole html code for the index file
 
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Miami Mayhem</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">

<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>

<body>
<div id="bg"><img src="Images/bg.jpg" width="100%" height="100%" alt=""></div>
<div id="content">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="Index" align="middle">
				<param name="movie" value="Index.swf" />
				<param name="quality" value="best" />
				<param name="bgcolor" value="#222222" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="transparent" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<!--[if !IE]>-->
				<object data="Index.swf" width="100%" height="100%" type="application/x-shockwave-flash">
					<param name="movie" value="Index.swf" />
					<param name="quality" value="best" />
					<param name="bgcolor" value="#222222" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="transparent" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
</body>
</html>

thats the whole html code for the index file

yes but you must have a seperate css file no
 
i see that you have it fixed now :)
 

Attachments

  • Capture fire fox 2.JPG
    Capture fire fox 2.JPG
    224.1 KB · Views: 105
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.