HTML Help

Woody · Joined: 03 Oct 2009 Posts: 1

New to website development.
Using IE7, FF 3.5.3, Flash 10.0.32.18
swf does display in both browsers but doesn't float properly in FF. Any assistance would be appreciated. My code is below:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title> My new site </title>
<form id="form1" runat="server"></form>

<style type="text/css">
.newStyle1 {
background-color: #000000;
background-image: url('Background.gif');
background-repeat: no-repeat;
background-attachment: inherit;
background-position: inherit center;
clip: rect(auto, auto, auto, auto);
width: fixed;
height: fixed;
}
.Address {
font-family: Arial;
font-size: 6pt;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
color: #0066FF;
}
a {
}

.body {
background-image: url(Background.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
height: 100%;
width: 100%;
background-color: #000000;
}
</style>

<meta name="keywords" content="My Site">

</head>

<body background="Background.gif" bgcolor="#000000" class=".newstyle1">
</table>
</span>

<span style="background: fixed; position: absolute; top: 60px; left: 165px; center: 10px; width: 590px; height: 900px; z-index: 2; visibility: visible; id="HomeFloor">
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" align="center" width="800px"; height="380px">
<param name="movie" value="Home.swf">
<param name="quality" value="high">
<param name=wmode value="transparent">
<embed name="Automation4" src="Home.swf" width=100%; height=100%; vmode="transparent" quality="high" bgcolor="#FFFFFF" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
</span>

<span style="background: fixed; position: absolute; top: 75px; left: 215px; center: 10px; width: 100%; height: 104%; z-index: 4; visibility: visible;" id="HomePic_FlyIn">
<param name="wmode" value="transparent">
<img alt="" src="NameNLogo.gif" width="800" height="250" vmode="transparent" align="middle">
<img alt="" src="Home_Accolades.gif" width="800" height="130" vmode="transparent" align="middle">
<img alt="" src="Home_Picture.gif" width="800" height="170" vmode="transparent" align="middle">
</span>

<span style="background: fixed; position: absolute; top: 215px; left: 215px; center: 10px; width: 800; height: 270; z-index: 3; visibility: visible;" id="HomeSide_Flash">
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="788" height="270" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" align="middle">
<param name="movie" value="Crazy.swf">
<param name="quality" value="high">
<param name=wmode value="transparent">
<embed name="Automation3" src="Crazy.swf" width="800" height="270" vmode="transparent" quality="high" bgcolor="#FFFFFF" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
</span>
</body>
</html>

sticks464 · Joined: 31 Dec 2006 Posts: 2624

Quote: Woody Quote: swf does display in both browsers but doesn't float properly in FF

No where in your code do I see a float attribute.

Use the w3c validator and css validator. Your markup and css is extremely bloated. 26 errors in the html, 9 errors in the css and it could be reduced in weight by using css shorthand.

Also look into swfObject.