Help - Search - Members - Calendar
Full Version: Flash banner isn't aligned properly
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
Mikeplyts
I made a new flash banner intro for my site but it's not aligning right in IE and FF. It's aligned fine for me in FF but it's just slightly misaligned in IE. Could anyone help out?

Current code in index.php file:
CODE
<html>
<head>
<meta http-equiv="Content-Type" content="text/javascript; charset=iso-8859-1" />
<title>Mikeplyts.net - Layouts,HTML/CSS Codes&Help,And Photo Editing/Graphic Design</title>
<link rel="shortcut icon" href="favicon.ico" />
<meta name="description" content="Myspace Layouts,HTML/CSS Codes&Help,And Photo Editing/Graphic Design" />
<meta name="keywords" content="mikeplyts, mikeplyts.net, layouts, myspace, myspace layouts, html, css, html/css, photo, editing, photo editing, graphic, design, graphic design, tutorials, resources, brushes, backgrounds, patterns, wallpaper, textures, requests, free, free requests, services, designs" />
<style>
body {
background-color:#FFFFFF;
background-image: url("http://www.mikeplyts.net/images/mpl_busy-body_bg.png");
background-repeat:repeat-x;
background-position:0 147px;
background-attachment: scroll;
}

.main {
position:absolute;
margin-top:0px;
left:50%;
margin-left:-275px;
z-index:1;
}

.tracker {
position:absolute;
top:0px;
left:0px;
z-index:3;
}

.enter {
display: block;
width:320px;
height:102px;
background-image: url("http://www.mikeplyts.net/images/mpl_index-enter_site.png");
background-repeat:no-repeat;
background-position:top left;
z-index:2;
}
.enter:hover {
display:block;
width:320px;
height:102px;
background-image: url("http://www.mikeplyts.net/images/mpl_index-enter_site.png");
background-repeat:no-repeat;
background-position:bottom center;
z-index:2;
}
</style>
</head>
<body>
<div class="main">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="550" height="400" id="mikeplytsdotnet_intro" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://www.mikeplyts.net/site/mikeplytsdotnet_intro.swf" /><param name="loop" value="false" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="http://www.mikeplyts.net/site/mikeplytsdotnet_intro.swf" loop="false" quality="high" bgcolor="#ffffff" width="550" height="400" name="mikeplytsdotnet_intro" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</div>
<div style="position:absolute; top:500px; left:50%; margin-left:-160px;">
<a class="enter" href="http://www.mikeplyts.net/main.php"></a>
</div>
<DIV class="tracker">
<div id="eXTReMe"><a href="http://extremetracking.com/open?login=mplnet">
<img src="http://t1.extreme-dm.com/i.gif" style="border: 0;"
height="38" width="41" id="EXim" alt="eXTReMe Tracker" /></a>
<script type="text/javascript"><!--
var EXlogin='mplnet' // Login
var EXvsrv='s11' // VServer
EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?
EXb=EXs.colorDepth:EXb=EXs.pixelDepth;EXsrc="src";
navigator.javaEnabled()==1?EXjv="y":EXjv="n";
EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";
EXd.write("<img "+EXsrc+"=http://e2.extreme-dm.com",
"/"+EXvsrv+".g?login="+EXlogin+"&",
"jv="+EXjv+"&j=y&srw="+EXw+"&srb="+EXb+"&",
"l="+escape(EXd.referrer)+" height=1 width=1>");//-->
</script><noscript><div id="neXTReMe"><img height="1" width="1" alt=""
src="http://e2.extreme-dm.com/s11.g?login=mplnet&j=n&jv=n" />
</div></noscript></div>
</div>
</div>
</body>
</html>


Thanks. _smile.gif



EDIT:
Oh, and here's a link to the page. :)
Melie
have you tried changing the margin-top to 0% in the .main portion of the coding? not where the actual flash code is.
Mikeplyts
^No, that didn't work either. wacko.gif
Mikeplyts
Err..never mind I got it. Made a new class for the body background and just applied some simple overflow-x: and overflow-y: properties to the body. dance.gif I credit Alek though for helping me. :)
deadmellotron
Topic Closed & Moved to Resolved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.