Flash MP3 Player Not Working In FF, Problem with a DIV? Options

[thedynamix]

I recently added a Flash MP3 player to My Space, but i doesn't work in FireFox. You can see it fine but it is not clickable. It's almost like a DIV is masking it or something... I've tried everything, even putting the player in its ow DIV but nothing works.

In IE it functions perfectly.


Any suggestions?

Thanks guys!

[freeflow]

Try posting your code. It can just be a myspace error.

[thedynamix]

Here is my code. And btw, the flash MP3 player works in other places just not in that particular DIV (div2).

I'D LIKE TO MEET:

CODE

<div class="comt"><table><tr><td><table>

INTERESTS:

CODE

</td></tr></table></td></tr></table></td></tr></table></div>
<style>
BASIC INSTRUCTIONS:
You can delete this section from the code if you don't need it, but it won't affect the looks of your profile in any way.

For every div class (.div1, .div2, etc) you will notice a lot of common properties. To move the layer, use:
** margin-top to move it up and down
** margin-left to  move it left and right

margin-left begins from the center of your page. If you set it to 0px, the top left corner of the div will be located in the center of the profile. If you want the layer in the center of your profile take the width of the div, divide it by 2, and multiply it by -1. (In other words, divide it by 2 and make it a negative number.) For example, your div is 400px wide. Give it a margin-left of -200px and the div layer will sit in the middle of the screen. Now, if you want to move it somewhere else, you will have to experiment with the position.

margin-top should be no less than 150px since anything above that may overlap the MySpace advertisment.

The rest is self explanatory, width for width,  height for height, colors and so on.

Style and Format:
The divs will automatically align everything to the center, in order to make the text and pictures aligned to right or left, look for "text-align:center;" and replace center with left, right, or justify.

If you want your comments to flow automatically rather than have them stuffed in a scroll box, look for the comments selector, named .comt {} inside .comt, you will fine overflow:auto; change auto to overflow:none;

To move the personal song player, look for the embed {}

To add a background image to each div (box), add this to your div selector:

background-image:url(URL to background);
background-position:center center;
background-repeat:repeat;
background-attachent:scroll;

Good Luck!

bbz Overlay Model Generator v0.5
bbzSpace dot com
</style>
<style type="text/css">
body {background-color:BFCAC2; background-image:none;}
td, .text, div, input {color:none !important;}

A:link {text-decoration: underline; color: 000000;}
A:visited {text-decoration: underline; color: 000000;}
A:active {text-decoration: underline; color: 000000;}
A:hover {text-decoration: none; color: FF1493;}
img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}

a.linkopacity:hover img {
filter:alpha(opacity=50);  
-moz-opacity: 0.5;  
opacity: 0.5;
-khtml-opacity: 0.5;
border-bottom:3px solid; border-color:5F6861; }

.gallerycontainer{
position: absolute;

}

.thumbnail img{
border:0px solid; border-color:5F6861;
left: 10%;
top: 0%;
margin-top:15px;
margin-left:-210px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border:2px solid; border-color:5F6861;
}

.thumbnail span{
position: relative;
background-color: lightyellow;
padding: 5px;
left: 10%;
top: 0%;
margin-top:15px;
margin-left:-110px;
border:2px dashed; border-color:5F6861;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border:0px solid; border-color:5F6861;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 0;
left: 230px;
..;
}
.bbzContainer img, .comt img { display:inline; }
table div, td td td, table div div { visibility:hidden; }
font, a, .bbzsc a { visibility:hidden; }
marquee { visibility:visible !important; }
INPUT, SELECT, TEXTAREA {
background-color: #5F6861;
color: #ffffff;
font-family: Verdana;
font-size: 11px;
border: solid 3px #97A99B;
padding: 2;}
.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed,  .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}
.bbzComment { You selected to show comments. }
.bbzsc { visibility:hidden; }
.herpe { You selected to hide friends. }
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; position:relative; _padding:0px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a {visibility:visible;}
.comt td td td b {position:static; display:inline; }
.comt td b, .blacktext10 {display:block;}
.comt .orangetext15, .comt td td td table, .redlink, .comt .btext, .frnd{display:none;}
.comt, .comt table {z-index:7;}
.comt table {margin-top:-25px; _margin-top:-11px;}
.comt b {position:relative; top:-17px;}
.herpe { This is where you control your top8 and comment position. }


.comt {
  visibility: visible; position:absolute; left:50%; top:0%;  overflow:auto; width:560px; height:500px;
  border:7px solid; border-color:5F6861;
  margin-top:784px; margin-left:-110px; background-color:transparent; text-align:left;
}


.comt span, .comt b {color:ffffff !important; visibility:visible !important; display:inline !important; text-align:left; }
.comt table { width:560px !important; text-align:left;}
.comt table table { width:560px !important; }
.blacktext10 { width:560px; display:inline; text-align:left;}

.comt A:link {text-decoration: underline; color: 000000; font-size: 10;}
.comt A:visited {text-decoration: underline; font-size: 10;}
.comt A:active {text-decoration: underline; font-size: 10;}
.comt A:hover {text-decoration: none; font-size: 10; }
.comt font { color: 0000FF; }
.comt span { visibility:visible !important; text-align:left; }

.div0 {
background-color:BFCAC2; color:ffffff;
border:7px solid; border-color:5F6861;
width:316px; height:500px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%;
margin-left:-450px; margin-top:784px; text-align:center;
visibility:visible;}

.div1 {
background-color:BFCAC2; color:000000;
border:7px solid; border-color:5F6861;
width:900px; height:550px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-450px; margin-top:190px; text-align:center;
visibility:visible;}

.div2 {
background-color:97A99B; color:ffffff;
border:7px solid; border-color:5F6861;
width:940px; height:1250px; overflow:auto;
position:absolute; left:50%; top:0%;
margin-left:-470px; margin-top:95px; text-align:center;
visibility:visible;}

.div3 {
background-color:97A99B; color:000000;
border:2px solid; border-color:97A99B;
width:830px; height:84px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-415px; margin-top:110px; text-align:center;
visibility:visible;}

marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.bbzContainer div, .bbzContainer div font, .bbzContainer div a, .bbzContainer div div, .bbzContainer font a, .bbzContainer span, .bbzContainer div table a, .bbzContainer div table img, .bbzContainer div table font, .bbzContainer div table, .bbzContainer div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}

.bbzDiv {content:"Overlay Generator beta";}
</style>

<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>

MUSIC:

CODE

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="bbzContainer">

<div class="div0">
<center><font color="#000000">Add Comment /</font> <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=158483570">View All</a><br><br><br>
<form method="post"
action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="158483570">
<textarea name="f_comments" cols="30" rows="9"></textarea><br>
<input type="submit" value="Post">
</form>
</center>

<br><br>

<object type="application/x-shockwave-flash" data="http://www.myspacegens.com/mp3player/v3/main.swf" height="200" width="200">
  <param name="movie" value="http://www.myspacegens.com/mp3player/v3/main.swf" />
  <param name="allownetworking" value="internal" />
  <param name="allowScriptAccess" value="never" />
  <param name="enableJSURL" value="false" />
  <param name="enableHREF" value="false" />
  <param name="saveEmbedTags" value="true" />
  <param name="bgcolor" value="#FFFFFF" />
  <param name="flashvars" value="file=http://www.myspacegens.com/mp3player/files7/77873627.xml&showdigits=true&showeq=false&width=300&height=200&frontcolor=0x000000&backcolor=0xBFCAC2&lightcolor=0xffffff&autostart=false&shuffle=false&repeat=true" />
  <param name="wmode" value="transparent" />
</object>

</div>

<div class="div2">

</div>

<div class="div3">
<img src="http://i68.photobucket.com/albums/i13/thedynamix/ban4.gif"><br>
</div>

<div class="div1">

<a class="linkopacity" href=" http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=158483570"><img src="http://i68.photobucket.com/albums/i13/thedynamix/camgd3.gif"></a>

<a class="linkopacity" href=" http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=158483570"><img src="http://i68.photobucket.com/albums/i13/thedynamix/addme1.gif"></a>

<a class="linkopacity" href=" http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=158483570"><img src="http://i68.photobucket.com/albums/i13/thedynamix/blockme.gif"></a>

<a class="linkopacity" href="
http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=158483570"><img src="http://i68.photobucket.com/albums/i13/thedynamix/mail2.gif"></a>

<a class="linkopacity" href=" http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=158483570"><img src="http://i68.photobucket.com/albums/i13/thedynamix/pics.gif"></a>

<a class="linkopacity" href=" http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=158483570"><img src="http://i68.photobucket.com/albums/i13/thedynamix/camgd.gif"></a>

<br><br>

<div class="gallerycontainer">
<a class="thumbnail" href="#thumb"><img src="http://i68.photobucket.com/albums/i13/thedynamix/camgd3.gif" width="42px" height="42px" border="0" /><span>Testing Testes<br />Simply beautiful.</span></a>
</div>
<br><br>
</div>
</div>
<div class="bbzsc"><table><tr><td><table><tr><td><table><tr><td>

[freeflow]

So it works in both browsers anywhere but the second div?

If so remove these:

CODE

table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed,  .bbzContainer div embed {position:static !important; width:auto; height:auto; }

And just use this:

CODE

<style>td td object {position:absolute; left:#px; top:#px;}</style>

Change the left # to the position of the second div and same for top. (Just a diff. number).

[thedynamix]

Sorry toyo, I made a mistake. The flash player works everywhere in both browsers EXCEPT for the div0. Sorry.

I'm sure the same priniple applies but can you please confirm?

Thanks.

[freeflow]

Yea either way , try doing what I said above. If it still doesn't work , I'll play around with the whole thing and see if its just myspace or what.

[thedynamix]

Hey, sorry I'm late posting, was away.

Tried the code and it didn't work. Still not clickable in div0. So strange..

[freeflow]

If its currently in div 0 (as in viewing your profile now) then it works for perfect for me in firefox.

[thedynamix]

Hnmm, that's strange.. not only does it not function for me in FF, but my friend is having the same problem too, also in FF. In IE it works fine for us both..

We can see it in FF, but we can't click anything.. Can you click things on the MP3 player?

Thanks toyo!

[freeflow]

Yes I can. All I can think of suggesting is making sure you have the lastest version.