Myspace Coding Options

[OCSpersonel]

So i dont seem to have a problem with coding on different browsers, but the Photo slideshows are only appearing properly in firefox. and ideas why?

CODE

<style>
object {position:absolute; height:50px; width:420px; left:50%; top: 100; margin-left:-200; _margin-left:-500; z-index:9;}
object {top:1250px!important; margin-left:-470px; _margin-left:-470!important;}
object object, td td td object {position:static; margin:auto!important;}
</style>

<style>
.userProfileURL {display:none;}
</style>

<style>
body {
font-family:arial, verdana, sans-serif;
font-size:62.5%;
background-color:ffffff;
}
.main{
background-color:ffffff;
width:960px;
height:900px;
position:absolute;
left:50%;
top:133px;
z-index:1;
margin-left:-480px;
}
.container {
background-color:cccccc;
width:800px;
height:100%;
margin-left:80px;
}
</style>



<style>
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
.comments{width: 550px; height: 440px !important; position: absolute; left: 50%; top: 1650px; margin-left:-250px; _margin-left:-250px; overflow:scroll !important; overflow-x:hidden !important; z-index:4px;}
.blurbs .orangetext15 {display:none;}
</style>


<div class="NAV" style="position: absolute; top:430px; left: 50%; margin-left:-415; _margin-left:-415; width:850px; height:90px; overflow: auto; z-index: 4;"><center>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYyJmZyaWVuZElEPTIxNTY5NTQ4NCZNeVRva2VuPWNjMjhkOWE3LWMyYTktNDA2Zi05ZTgzLWI2O
I0NzI3ZTkwNw=="><img src="http://img140.imageshack.us/img140/5241/messagebutton.jpg" border="0" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yMTU2OTU0ODQ="><img src="http://img140.imageshack.us/img140/6084/addbutton.jpg" border="0" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbHVja3liYXN0YXJkY28uY29tL2NhcnQv"><img src="http://img140.imageshack.us/img140/8855/storebutton.jpg" border="0" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFkaXNvbmF2ZWRpYW1vbmRzLmNvbS8="><img src="http://img140.imageshack.us/img140/2770/madbutton.jpg" border="0" /></a>



</div>
<div class="content" style=" position:absolute; left: 50%; top:200px; margin-left:-445; _margin-left:-445">
<img src="http://img246.imageshack.us/img246/8053/contentj.jpg" />
</div>




<div class="silver" style="position: absolute; left:50%; margin-left:-50; _margin-left:-50; top:630px; width:600px; height:1500px; overflow: hidden; z-index:6;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="210" width="445">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=965525" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="culture=en-US" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=965525" height="210" width="445" wmode="transparent" flashvars="culture=en-US" />
</object>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="210" width="445">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=965483" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="culture=en-US" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=965483" height="210" width="445" wmode="transparent" flashvars="culture=en-US" />
</object>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="210" width="445">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=267027" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="culture=en-US" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=267027" height="210" width="445" wmode="transparent" flashvars="culture=en-US" />
</object>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="210" width="445">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=877086" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="culture=en-US" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=877086" height="210" width="445" wmode="transparent" flashvars="culture=en-US" />
</object>

</div>

[fixtatik]

this is where your problems are coming up:

CODE

object {position:absolute; height:50px; width:420px; left:50%; top: 100; margin-left:-200; _margin-left:-500; z-index:9;}
object {top:1250px!important; margin-left:-470px; _margin-left:-470!important;}
object object, td td td object {position:static; margin:auto!important;}

the first issue is that for the IE CSS hacks, you haven't defined a unit of measurement (px, em, %).

the second problem is that (i assume) you're using this to move the music player. both slide shows and the music player are object elements, so both are going to be affected by that code. browsers read CSS chronologically, so after the first object { properties } is read, they'll override anything in that one with the second object { properties }.

for example:

CODE

div.class { height:30px; }
div.class { height:40px; }

the div with a class name "class" will have a height of 40 pixels, unless you append "!important" to height:30px;.

what i'd suggest doing is something like this. for your music player:

CODE

object { height:50px; left:50%!important; margin-left:##px!important; position:absolute; top:##px!important; width:420px; z-index:9; }
object object, td td td object { left:auto!important; position:static; margin:auto!important; top:auto!important; }

just adjust the margin-left and top properties. you shouldn't need to use any hacks for IE to make it where you need it to be.

and for your slide shows, give each one (if you have more than one) a different class:

CODE

<object class="slide-1">
  <param />
  <param />
</object>
<object class="slide-2">
  <param />
  <param />
</object>

and move each one individually:

CODE

object.slide-1 { left:50%!important; margin-left:##px!important; position:absolute; top:##px!important; }
object.slide-2 { left:50%!important; margin-left:##px!important; position:absolute; top:##px!important; }