...

View Full Version : Help for myspace band code :(



unitethefaith
04-06-2009, 03:52 PM
I have been fighting this for about two weeks now... My page looks great in Safari and Firefox but its chaos in IE... I will give you the link and paste the code:


site:

www.myspace.com/unitethefaith



code (added to the "Bio" section in Myspace):

<style type="text/css">

body {margin-top: 0;}
.iTopA {
position: absolute;
top: 0px;
left: 50%;
margin-left: -402px;
width: 800px;
z-index: 3;
}

.Left {
position: fixed;
top: 0px;
left: 50%;
margin-left: -800px;
z-index: 3;
}

.Right {
position: fixed;
top: 0px;
left: 50%;
margin-left: 400px;
z-index: 3;
}

.Recordimg {
position:absolute;
top: 789px;
left: 50%;
margin-left: -402px;
z-index: 2;
}

.Bio {
position: absolute;
top: 1138px;
left: 50%;
margin-left: -402px;
z-index: 2;
}

.CDriveadd {
position: absolute;
top: 1538px;
left: 50%;
margin-left: -402px;
z-index: 2;
}

object {
position: relative;
top: 571px;
left: 4px;
z-index: 3;
}

.contactTable {
position: relative;
top: 1510px;
left: 0px;
z-index: 3;
}

.comments {
position: absolute;
left: 50%;
top: 2070px;
margin-left: -402px;
}

table.friendSpace {display: none;}
div.friendsAndComments table {width: 100%;}
div.friendsAndComments {overflow: auto; width: 788px; height: 398px;}

table, tr, td {
background: transparent;
border: 0px;
}

table table table {
background: transparent;
z-index: 1;
}

</style>

<div class="iTopA">
<img src="http://img110.imageshack.us/img110/6456/myspacemodel6.jpg">
</div>

<div class="Left">
<img src="http://img11.imageshack.us/img11/8599/left2.jpg">
</div>

<div class="Right">
<img src="http://img223.imageshack.us/img223/7452/right2.jpg">
</div>

<div class="Recordimg">
<img src="http://img18.imageshack.us/img18/1825/myspacecd.jpg" width="350" height="346">
</div>

<div class="Bio">
<img src="http://img13.imageshack.us/img13/3578/myspacebios.jpg" width="805" height="400">
</div>

<div class="CDriveadd">
<img src="http://img17.imageshack.us/img17/4513/myspacedrive.jpg" width="805" height="402">
</div>

<div class="comments"><table height="400"><tr><td><table><tr><td></div>

<div class="friendsAndComments">
<table><tr><td class="text">
<table style="display:none;"><tr><td>
<table><tr><td>/div>



Can you please let me know what I can do to fix these bugs in IE... I really dont know much about CSS... Thank you so much!

tdalton
07-13-2009, 11:06 PM
Looks like you solved your problem. Your page looks the same every major browser. I love this layout! Would you mind sharing the code you used to achieve cross-browser compatibility?:thumbsup:

rr1
07-29-2009, 03:19 AM
I have been fighting this for about two weeks now... My page looks great in Safari and Firefox but its chaos in IE... I will give you the link and paste the code:


site:

www.myspace.com/unitethefaith



code (added to the "Bio" section in Myspace):

<style type="text/css">

body {margin-top: 0;}
.iTopA {
position: absolute;
top: 0px;
left: 50%;
margin-left: -402px;
width: 800px;
z-index: 3;
}

.Left {
position: fixed;
top: 0px;
left: 50%;
margin-left: -800px;
z-index: 3;
}

.Right {
position: fixed;
top: 0px;
left: 50%;
margin-left: 400px;
z-index: 3;
}

.Recordimg {
position:absolute;
top: 789px;
left: 50%;
margin-left: -402px;
z-index: 2;
}

.Bio {
position: absolute;
top: 1138px;
left: 50%;
margin-left: -402px;
z-index: 2;
}

.CDriveadd {
position: absolute;
top: 1538px;
left: 50%;
margin-left: -402px;
z-index: 2;
}

object {
position: relative;
top: 571px;
left: 4px;
z-index: 3;
}

.contactTable {
position: relative;
top: 1510px;
left: 0px;
z-index: 3;
}

.comments {
position: absolute;
left: 50%;
top: 2070px;
margin-left: -402px;
}

table.friendSpace {display: none;}
div.friendsAndComments table {width: 100%;}
div.friendsAndComments {overflow: auto; width: 788px; height: 398px;}

table, tr, td {
background: transparent;
border: 0px;
}

table table table {
background: transparent;
z-index: 1;
}

</style>

<div class="iTopA">
<img src="http://img110.imageshack.us/img110/6456/myspacemodel6.jpg">
</div>

<div class="Left">
<img src="http://img11.imageshack.us/img11/8599/left2.jpg">
</div>

<div class="Right">
<img src="http://img223.imageshack.us/img223/7452/right2.jpg">
</div>

<div class="Recordimg">
<img src="http://img18.imageshack.us/img18/1825/myspacecd.jpg" width="350" height="346">
</div>

<div class="Bio">
<img src="http://img13.imageshack.us/img13/3578/myspacebios.jpg" width="805" height="400">
</div>

<div class="CDriveadd">
<img src="http://img17.imageshack.us/img17/4513/myspacedrive.jpg" width="805" height="402">
</div>

<div class="comments"><table height="400"><tr><td><table><tr><td></div>

<div class="friendsAndComments">
<table><tr><td class="text">
<table style="display:none;"><tr><td>
<table><tr><td>/div>

Can you please let me know what I can do to fix these bugs in IE... I really dont know much about CSS... Thank you so much!


Look good.. I think I might need some help ASAP please, if you can.
I am php developer, but don't really know how to put a music myspace profile;
Here is the page I did for myspace music profile;
http://thecreativecomplex.com/clients/arrivederci-myspace/ (I need to put this page in myspace music profile)

I also put this layout on my friend profile just to test (http://www.myspace.com/lookitsruben) how it look in myspace, but the music profile is different way of doing in it. Please help me with this issues ASAP..

Thanks..

conaura
06-26-2010, 05:59 PM
hi everybody,

i was in need for a simple edit for my myspace profile and i used the code in the first post, changing links. Still I have problems with the background and, i guess, the comment section.

this is the code from my pace ( http://myspace.com/concrasticaura )

<style>

body {margin-top: 0;}
.iTopA {
position: absolute;
top: 0px;
left: 50%;
margin-left: -402px;
width: 800px;
z-index: 3;
}

.Left {
position: fixed;
top: 0px;
left: 50%;
margin-left: -800px;
z-index: 3;
}

.Right {
position: fixed;
top: 0px;
left: 50%;
margin-left: 400px;
z-index: 3;
}

.Recordimg {
position:absolute;
top: 789px;
left: 50%;
margin-left: -402px;
z-index: 2;
}

.Bio {
position: absolute;
top: 1138px;
left: 50%;
margin-left: -402px;
z-index: 2;
}

.CDriveadd {
position: absolute;
top: 1538px;
left: 50%;
margin-left: -402px;
z-index: 2;
}

object {
position: relative;
top: 571px;
left: 4px;
z-index: 3;
}

.contactTable {
position: relative;
top: 1510px;
left: 0px;
z-index: 3;
}

.comments {
position: absolute;
left: 50%;
top: 2070px;
margin-left: -402px;
}

table.friendSpace {display: none;}
div.friendsAndComments table {width: 100%;}
div.friendsAndComments {overflow: auto; width: 788px; height: 398px;}

table, tr, td {
background: transparent;
border: 0px;
}

table table table {
background: transparent;
z-index: 1;
}

</style>

<div class="iTopA">
<img src="http://img706.imageshack.us/img706/5788/myspacepozamare.jpg" />
</div>



<div class="Right">
<img src="http://img223.imageshack.us/img223/7452/right2.jpg" />
</div>

<div class="Recordimg">
<img src="http://img571.imageshack.us/img571/8901/myspacestangaplayer.jpg" width="350" height="346" />
</div>

<div class="Bio">
<img src="http://img717.imageshack.us/img717/2053/bioinfo.jpg" width="805" height="400" />
</div>

<div class="CDriveadd">
<img src="http://img823.imageshack.us/img823/5163/myspacejosdetot.jpg" width="805" height="402" />
</div>

<div class="Left">
<img />
</div>

<div class="comments"><table><tr><td><table><tr><td></div>

<div class="friendsAndComments">
<table><tr><td class="text">
<table style="display:none;"><tr><td>
<table><tr><td>/div&gt;


any help would be appreciated :)

PS: yes i know my music sucks:))

conaura
06-28-2010, 10:29 AM
Ok, let's do it like this. the guy that fixes the code may insert an banner of his own :D how about it

ofcourse within myspace policy

yey?
:)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum