help with slideshow on div layout Options

[el_stevo]

HI guys, I have decide to learn how to do layouts properly but having trouble with one thing at the mo,
In Ie the slideshow shows in the right position but in FF it doesnt here is my page
www.myspace.com/stetestpage

CODE

here is my code for the divs
the first is in band bio for the pictures box
.div6 {
background-color: transparent;
background-image: url(http://img71.imageshack.us/img71/3764/picsboxzu5.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left: 50%;
margin-left: -450px;
top: 750px;
height: 232px;
width: 215px;
overflow: auto;
z-index: 1;
}

and here is the code for the slideshow which is in influences

CODE

<div class="div5" style="position: absolute;
left: 50%;
margin-left: -430px;
top: 785px;
width:171px; height:179px; overflow: auto; z-index:2;">
<object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="179px" width="171px" data="http://apps.rockyou.com/rockyou.swf?instanceid=70073976&ver=102906">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://apps.rockyou.com/rockyou.swf?instanceid=70073976&ver=102906" />
</object>
</div>

any help will be appreciated thanks :)

[FoxLucky]

"Margin" in front of top or left will cause it to misalign in different browsers. Just use {top:100px; left:500px;}

[el_stevo]

"Margin" in front of top or left will cause it to misalign in different browsers. Just use {top:100px; left:500px;}

hey there thanks for the reply, tried that and it didnt work, I think it might be a prob with the layers!? the slidshow is in the correct position in firefox but its not showing up proper winding me up lol as its still ok in ie!
Can you suggest anything else?! :)

[el_stevo]

bump

[freeflow]

Post your entire layout code and I'll see what I can do . The problem in FF is its not showing?

[el_stevo]

ok here is what is in the band bio bit, please go easy lol its my first proper div so if coding is wrong then please say :)

<style type="text/css"> .text .text, .btext, .contacttable, .lightbluetext8, .nametext, .orangetext15, .redlink, .whitetext12 {display:none;} div table td font, table td div, td.text table, table table table {visibility:hidden; } div table table td font a, table table td div, td.text table table, td.text table table td.text {visibility:visible;} table, tr, td {background-color:transparent;} a.navbar:active, a.navbar:visited, a.navbar:link { color:808080; } a.navbar:hover { color:FFFFFF; } body { background-color:FFFFFF; background-image: url(URL_GOES_HERE); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; scrollbar-face-color:b60b2f; scrollbar-3dlight-color:000000; scrollbar-shadow-color:90102b; scrollbar-darkshadow-color:6e0b20; scrollbar-arrow-color:8f4051; scrollbar-track-color:000000; } .div1 { background-color: white; background-image: url(http://img405.imageshack.us/img405/9171/rascaltitleff0.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -20px; top: 250px; height: 113px; width: 432px; overflow: auto; z-index: 1; } .div2 { background-color:transparent; color:black; border:0px solid; border-color:black; width:200px; height:167px; overflow:auto; position:absolute; left:50%; top:0%; margin-left:150px; margin-top:640px; text-align:center; visibility:visible; z-index:2; } .div3 { background-color: white; background-image: url(http://img64.imageshack.us/img64/3047/splodgeox5.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -250px; top: 400px; height: 486px; width: 603px; overflow: auto; z-index: 1; } .div4 { background-color: white; background-image: url(http://img504.imageshack.us/img504/6339/commentboxxa9.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: 150px; top: 600px; height: 112px; width: 210px; overflow: auto; z-index: 1; } .div6 { background-color: transparent; background-image: url(http://img71.imageshack.us/img71/3764/picsboxzu5.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -450px; top: 750px; height: 232px; width: 215px; overflow: auto; z-index: 2; } .div7 { background-color: white; background-image: url(http://img64.imageshack.us/img64/3572/vidsbp0.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: 150px; top: 750px; height: 232px; width: 215px; overflow: auto; z-index: 1; } .div8 { background-color: white; background-image: url(http://img404.imageshack.us/img404/8067/productionslg2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -300px; top: 980px; height: 232px; width: 215px; overflow: auto; z-index: 1; } .div9{ background-color: white; background-image: url(http://img78.imageshack.us/img78/6953/venuesiv6.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: 0px; top: 980px; height: 232px; width: 215px; overflow: auto; z-index: 1; } .div10{ background-color: white; background-image: url(http://img477.imageshack.us/img477/9126/linksaj5.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -300px; top: 1240px; height: 188px; width: 507px; overflow: auto; z-index: 1; } .div11{ background-color: white; background-image: url(http://img253.imageshack.us/img253/6123/sponsorsvn7.png); background-repeat: no-repeat; background-attachment: scroll; background-position: top center; position: absolute; left: 50%; margin-left: -425px; top: 1450px; height: 56px; width: 745px; overflow: auto; z-index: 1; } .aboutme { background-color: white; border:3px ridge white; font-family:helvetica; font-size:12px; font-weight:bold; color:black; padding: 10px; position:absolute; left:50%; margin-left:-150px; top:540px; z-index:2; height:100px; width:200px; overflow:auto; } .productions { background-color:white; border:none; font-family:helvetica; font-size:12px; font-weight:bold; color:black; padding: 10px; position:absolute; left:50%; margin-left:-270px; top:1020px; z-index:2; height:160px; width:150px; overflow:auto; } </style>


and here is what is in the influences box :)

<div class="div1"></div> <div class="div2"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="xxxxxxxxxx" type="hidden"> <textarea name="f_comments" class="color">Post comment here</textarea><br /> <input type="submit" value="Send" class="button"></form> </div> <div class="div3"></div> <div class="div4"></div> <div class="div6"></div> <div class="div7"></div> <div class="div8"></div> <div class="div9"></div> <div class="div10"></div> <div class="div11"></div> <div class="aboutme"> I could go on about how I am described as being one of the most technically impressive djs in the scene at the moment or how i have the ability to bully other djs off the decks but ill spare you my hype coz i prefer to let others do the talking... <p>"Rascal's got the skills, the knowledge and the experience as a DJ that only come with true talent and passion. Finally another DJ to battle with !!!" <b> Kutski (Radio 1) </b> </p> <p>DJ Rascal is one of Manchester..s finest homegrown talents and despite his age almost a legend in the underground dance scene. His musical versatility is admirable & scratching and technical skills on the decks are also a key highlight within his performance to single him out amongst the rest of his peers. <b> Barry Almond .. Goodgreef & Native Promoter </b> </p> <p>..Rascal is without doubt one of the most underrated DJ..s in the UK right now. A Top class technician packing an armada of turntable tricks, he is a versatile DJ who can cover the full spectrum of quality underground Hard Dance ranging from Hard Trance & Hard Style right through to Gabba. He..s also knocks out one of the best old skool set..s you..ll ever hear. I can..t recommend him highly enough.. <b> Alex, Fresh DJs Agency. </b> </p> <p>dj rascal is a muli talented dj/producer/promoter who is big in the game right now-djsappo- Advisory records </b> </p> <p>Rascal rocks the raddish like a rabid reptilian! <b> Mark EG </b> </p> <p>''6 years ago DJ Rascal was the first promoter to bring me over to the U.K...I guess u can say that says a lot about his urge to present new and fresh music to the masses, both as a DJ and a promoter.'' <b>Don Diablo. </b> </p> <p>..Carlsberg don..t do DJ..s but if they did it would probably be The Rascal.. <b>Carlsberg Promotions UK Ltd </b> </p> <p>"Having booked and performed along side Dj Rascal on numerous occasssions I can honestly say his technical ability is second to none. Coupled with the fact that he is musically one of the most diverse Dj's around, who is able to rock the crowd with his track selection, is probably what sets him apart from everyone else and leaves other Dj's in his trail!" <b>(Aidan Fusco, resident/promoter of Surge) </b> </p> <p>'Rascal is one of the most versatile DJs i've witnessed at Tangled in the four years i've been with the club. Easily one of the the most crossover DJs we've had play the club. Rascal can play at any time of the night, which is why he's our resident!' <b>Mike Burgess, Tangled. </b> </p> </div> <div class="productions"> <b>Right Click And "Save As"</b> <p><b>hard trance / hardstyle</b> <p> <a href="http://www.knowfear.info/mp3/know_fear_9_rascal_winter_sensation_nov06.rar">Rascal No Fear Winter Sensation Nov06</a></p> <p> <a href=">http://www.knowfear.info/mp3/know_fear_8_guest_mix_the_suspect.rar ">Knowfear 8 guest mix - The Suspect</a> </p> <p> <a href=">http://www.knowfear.info/mp3/know_fear_7_archive_guest_mix_the_suspect.rar ">Knowfear 7 guest mix - The Suspect</a> </p> <p> <a href=">http://www.knowfear.info/mp3/Know_fear_5_guest_mix_kutski_and_rascal_b2b_live_at_binary_july_06.rar ">Knowfear 5 guest mix - Rascal vs Kutski</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_know_fear_series_4.rar">Knowfear 4</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_know_fear_series_3.rar">Knowfear 3</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_know_fear_series_2.rar">Knowfear 2</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_know_fear_series_1.rar">Knowfear 1</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_binary_burpday_giveaway.rar">Knowfear - BurpDay</a> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_species_my_gabba_hcore_techno_classics.rar">Rascal - Species</a> </p> <p> <b> house / trance / old skool house</b> </p> <p> <a href=">http://www.knowfear.info/mp3/rascal_illektro_earfood_session_1.rar">Rascal - Illektro - Earfood Sessions</a> ></p> <p> <a href=">http://www.knowfear.info/mp3/rascal_tangled_trance_may05.rar">Rascal - Tangled - Trance</a></p> <p> <a href=">http://www.knowfear.info/mp3/stolen_youth_old_skool.rar">Rascal - Stolen Youth - OldSkool</a></p> <p> <a href=">http://www.knowfear.info/mp3/rascal_out_of_the_blue_radio_tech_trance_hard_trance_nov_06.rar">Rascal - Out Of The Blue- Tech Trance/Hardtrance</a></p> <p> <a href=">http://www.knowfear.info/mp3/rascal_tangled_house_nov_06_for_radio_salford.rar">Rascal - Tangled House</a></p> </div> <div class="div5" style="position: absolute;left: 50%;margin-left: -430px;top: 785px; width:171px; height:179px; overflow: auto; z-index:2;"><object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="179px" width="171px" data="http://www.freeflashslideshow.com/zpicslideshow.swf?myid=815074&f=1"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.freeflashslideshow.com/zpicslideshow.swf?myid=815074&f=1" /> </object></div> <div class="musicplayer" style="position: absolute;left: 50%; margin-left: 195px; top: 415px; width:50px; height:50px; z-index:2;"><object enableJSURL="false" enableHREF="false" saveEmbedTags="true" allowScriptAccess="never" allownetworking="internal" type="application/x-shockwave-flash" allowScriptAccess="never" allownetworking="internal" height="179px" width="171px" data="http://www.mp3asset.com/swf/mp3/player.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.mp3asset.com/swf/mp3/player.swf" /> <param name="flashvars" value="myid=2680028&path=2007/05/27&mycolor=&mycolor2=&mycolor3=&autoplay=true&rand=1&f=3" /> </object></div>


yeah the slideshow will show up in ie but not turn up in firefox, if that makes sense!?

cheers dude :)

[freeflow]

Is it the one under the pic section? If so it shows up fine in firefox for me. (The only difference is I'm using a regular profile to test the layout because I don't have a band one)

[el_stevo]

Is it the one under the pic section? If so it shows up fine in firefox for me. (The only difference is I'm using a regular profile to test the layout because I don't have a band one)

yeah its in that part! its proper throwing me as the flash music player shows up fine, in both but obviously having troubles with the slideshow in ff, does my coding look wrong in any way?!