Band player issues in Firefox Options

[kingofrock]

http://www.myspace.com/kylewheelermusic

I noticed today that the player is off in FF, but is good in IE. Before today, the player displayed correctly in FF, so my mind is boggled on what to do. I did notice however, that if I cut my pixels in half (top and left) that it would show correctly again in FF.. but then would be incorrect in IE.

music player code is close to the bottom.

CODE

<i class=i>!START code in Influences !</i>
<i class=i>!START Style Block For Hiding Elements on Band Page!
<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a>
</i>
<style>
.i, div.clearfix i i i {display:none}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}

{! restore any images displayed inside our div. You may want to use block instead of inline for some images. !}
table td div.myCreDiv img, table td div.myCoreDiv table td img,
table td div.myCoreDiv div img {display:inline;}

{!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!}
div table td a.navbar img {display:block;}

{! removes most content and the space it occupied !}
table table table {display:none}

{! minimize the remaining main page content that can not be removed without effecting the ad and menus !}
table table td { height:0px; margin:0px; padding:0px;}

{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}

table table br {display:none;}
table table table br {display:block;}

{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}

{! remove default background coloring !}
table table, tr, td {background-color:transparent !important}

{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
div.profileWidth table, div.profileWidth td {background-color:000000 !important}
div table {border-bottom:none !important;}

{! ADDITIONAL STYLE BLOCKS CAN GO HERE !}




</style>
<i class=i>!End code in Influences !</i>





<style>
{!-music player-!}
table table td.text object {position:absolute !important; top:30.5px !important; left:250px;}
</style>


<style>.{removes bottom space}
position:relative; top:-3px; }
table.interestsanddetails { position:relative; top:-3px; }
br { line-height:2px; }</style>


<style type="text/css">
body {
background-color: 000000;
}
</style>

[Mickey]

Look for this in your music player code:

CODE

left:250px;

Replace it with this:

CODE

left:50% margin-left:250px;

Then play around with the 250 value to position the music player where you want it to be.

[kingofrock]

Thanks Mike,

I was able to get the player centered correctly in ff and ie with adding margin to the left. Have any ideas on how to get the top moved? I tried margin with the top as well, just seeing if it would work, but when I had it correct in FF it was half way down the page in ie.

Thanks again,
Kyle

CODE

<style>
{!-music player-!}
table table td.text object {position:absolute !important; top:30.5px !important; margin-left:-231px;}
</style>

[Mickey]

You're not really supposed to just have margin-left but hey, if it works, sure. As for the top, look for this in the code:

CODE

top:30.5px !important;

Replace it with this:

CODE

top:0%; margin-top:35px;

Replace 35 with the appropriate number of pixels. If it doesn't work, go back to the original but remove the !important. See if that works.

[kingofrock]

Good in ff, a few hairs off in ie, but is close enough for me! :)

Thanks Mike!! Your the man! you can close this topic now

Peace,
Kyle

[manny-the-dino]

Topic Closed & Moved