Website will only work in Safari not in firefox

Discussion in 'Web Design and Development' started by xgujuplaya, Oct 8, 2010.

  1. xgujuplaya macrumors newbie

    Joined:
    Oct 8, 2010
    #1
    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
     
  2. Matty-p macrumors regular

    Joined:
    Apr 3, 2010
    #2
    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
     

    Attached Files:

  3. xgujuplaya thread starter macrumors newbie

    Joined:
    Oct 8, 2010
    #3
    I tried that and it still doesnt work I also updated the index.html file on the server so it updated on the site
     
  4. Matty-p macrumors regular

    Joined:
    Apr 3, 2010
    #4
    could we see the css to make sure you got the percentages right?
     
  5. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #5
    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.
     
  6. xgujuplaya thread starter macrumors newbie

    Joined:
    Oct 8, 2010
    #6
    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
     
  7. Matty-p macrumors regular

    Joined:
    Apr 3, 2010
    #7
    yes but you must have a seperate css file no
     
  8. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #8
    He has CSS in the head area. My post above gives the additional CSS needed to fix it.
     
  9. Matty-p macrumors regular

    Joined:
    Apr 3, 2010
    #9
    sorry so he dose didn't read it properly :rolleyes:
     
  10. xgujuplaya thread starter macrumors newbie

    Joined:
    Oct 8, 2010
    #10
    Thank you so much it finally works
     
  11. Matty-p macrumors regular

    Joined:
    Apr 3, 2010
    #11
    i see that you have it fixed now :)
     

    Attached Files:

  12. aarond12 macrumors 65816

    aarond12

    Joined:
    May 20, 2002
    Location:
    Dallas, TX USA
    #12
    Works (and looks) great on Chrome and Firefox in Ubuntu Linux. (I'm at work.)

    -Aaron-
     

Share This Page