Please help me :[ --- Band Myspace Layout. Options

[austinseals]

Alright
So I've designed my band's myspace.
I've got the margins down, everything designed
etc.

There is a huge problem however.
The layout comes out beautifully on my computer,
But on other people's computers (not all)
It comes out looking like ass.
Evrything isn't in the right place, etc.

Please Help?
www.myspace.com/wslsmusic

CODE

<style>
.masthead {position:absolute; top:0px; margin-left:-406px; left:50%; width:812px; height:550px; z-index:9;}
</style>

<div class="masthead">
<img src="http://i30.tinypic.com/1109i4z.jpg" />
</div>
<style>

{THIS MAKES THE BODY TABLE TRANSPARENT}
{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}
table, tr, td{background-color:transparent;}

body, body.bodycontent{margin-top: 570px;
background-color: black;
background-image:url(http://i30.tinypic.com/2vucv12.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;} </style>
<style>
body {
background-color: transparent;
background-position: left top;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 3px;
}
table table {
border: 3px;
}
table table table table {
border: 3px;
}
table table table {
border-width: 3px;
border-style: double;
border-color: transparent;
background-color: transparent;
}
table table table td {
background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
table table table table td {
filter: none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10,

.blacktext12 {
font-family: Arial;
font-size: 10pt;
color: 000000;
font-weight: normal;
font-style: normal;
font-decoration: none;
text-transform: none;
font-variant: normal;
letter-spacing: 0px;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: 12pt;
color: 000000;
font-weight: bold;
font-style: normal;
font-decoration: none;
text-transform: none;
font-variant: normal;
letter-spacing: 0px;
}
.nametext {
padding: 5px;
font-family: Tahoma;
font-size: 16pt;
color: 000000;
font-weight: bold;
font-style: normal;
font-decoration: none;
text-transform: none;
font-variant: normal;
letter-spacing: 0px;
display: block;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a, a:link,a:active, a:visited, a.navbar:link, a.navbar:active, a.navbar:visited, a.text:link, a.text:active, a.text:visited,
a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.redlink:link,
a.redlink:active, a.redlink:visited {
color: 70dfd3;
font-weight: bold;
font-style: normal;
font-decoration: underline;
letter-spacing: 0px;
font-size: 10pt;
}
a:hover,a.navbar:hover, a.man:hover, a:hover,a.man:hover,a.searchlinksmall:hover,a.redlink:hover,a.text:hover {
color: ffffff;
font-weight: normal;
font-style: normal;
font-decoration: none;
letter-spacing: 0px;
font-size: 10pt;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" target="_blank"><img src="http://i31.tinypic.com/bje8ad.jpg" style="position:absolute; left:225px; top: 540px;" border="0" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00Nzc1ODQzMzc=" target="_blank"><img src="http://i28.tinypic.com/2d9nql3.jpg" style="position:absolute; left:400px; top: 540px;" border="0" /></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00Nzc1ODQzMzcmTXlUb2tlbj1iYTZjNTRjYy01ZTYxLTQxMTAtODczNy0yYjYxO
FhMTkzNzM=" target="_blank"><img src="http://i31.tinypic.com/2craqo3.jpg" style="position:absolute; left:495px; top: 540px;" border="0" /></a>


<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=477584337" target="_blank"><img src="http://i29.tinypic.com/2dmbej5.jpg" style="position:absolute; left:675px; top: 540px;" border="0" /></a>


<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&friendID=477584337&n=477584337&MyToken=3037f30a-c4a8-4c29-a259-83e600b1f68b" target="_blank"><img src="http://i28.tinypic.com/2lxdogp.jpg" style="position:absolute; left:855px; top: 540px;" border="0" /></a>

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

<style>table td table td span.orangetext15 { display: none; }</style>

<style>.orangetext15{ display:none; visibility:hidden; }</style>

<style>.whitetext12{ display:none; visibility:hidden; }</style>

<style>.lightbluetext8{ display:none; visibility:hidden; }</style>

<style>.btext{ display:none; visibility:hidden; }</style>

<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20=" target="_blank"><img src="http://i27.tinypic.com/34zj88y.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>
<center>
We're a 5 piece band from Metro Detroit.
<center>
We all started out in bands when we were 13/14,
<center>
Now we're picking up where we left off.
<center>
As we experiment with different sounds and such,
<center>
Keep an eye out for what we have in store.
<center>
See you around!

<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20=" target="_blank"><img src="http://i26.tinypic.com/23mag0h.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>

<center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="425">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/o7JWskRFcxE&hl=en&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/o7JWskRFcxE&hl=en&fs=1" height="344" width="425" wmode="transparent" />
</object>
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20=" target="_blank"><img src="http://i29.tinypic.com/2qdspr7.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>


<a href=""><img src="http://i30.tinypic.com/2nvcymp.jpg" style="position:absolute; left:246px; top: 1105px;" border="0" /></a>

<a href=""><img src="http://i25.tinypic.com/2a7itqb.jpg" style="position:absolute; left:246px; top: 800px;" border="0" /></a>


<a href=""><img src="http://i32.tinypic.com/2rejyw6.jpg" style="position:absolute; left:835px; top: 1337px;" border="0" /></a>

<a href=""><img src="http://i28.tinypic.com/29cxg3.jpg" style="position:absolute; left:570px; top: 1126px;" border="0" /></a>

[manny-the-dino]

Moved to Myspace Support

[Mickey]

You're positioning some elements like this:

CODE

position:absolute; left:495px; top: 540px;

While some are positioned like this:

CODE

position:absolute; top:0px; margin-left:-406px; left:50%;

What you need to do is stick with one method. Use either the first one or the second one, and stay consistent. I recommend the second.

[austinseals]

Well I just did that.
But it's still not coming out right


The big problem is different screen resolutions.
Can you point me to where I messed up?

Heres the updated code.

CODE

<style>
.masthead {position:absolute; top:0px; margin-left:-406px; left:50%; width:812px; height:550px; z-index:9;}
</style>

<div class="masthead">
<img src="http://i30.tinypic.com/1109i4z.jpg" />
</div>
<style>

{THIS MAKES THE BODY TABLE TRANSPARENT}
{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}
table, tr, td{background-color:transparent;}

body, body.bodycontent{margin-top: 570px;
background-color: black;
background-image:url(http://i30.tinypic.com/2vucv12.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;} </style>
<style>
body {
background-color: transparent;
background-position: left top;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 3px;
}
table table {
border: 3px;
}
table table table table {
border: 3px;
}
table table table {
border-width: 3px;
border-style: double;
border-color: transparent;
background-color: transparent;
}
table table table td {
background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;}
table table table table td {
filter: none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10,

.blacktext12 {
font-family: Arial;
font-size: 10pt;
color: 000000;
font-weight: normal;
font-style: normal;
font-decoration: none;
text-transform: none;
font-variant: normal;
letter-spacing: 0px;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: 12pt;
color: 000000;
font-weight: bold;
font-style: normal;
font-decoration: none;
text-transform: none;
font-variant: normal;
letter-spacing: 0px;
}
.nametext {
padding: 5px;
font-family: Tahoma;
font-size: 16pt;
color: 000000;
font-weight: bold;
font-style: normal;
font-decoration: none;
text-transform: none;
font-variant: normal;
letter-spacing: 0px;
display: block;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a, a:link,a:active, a:visited, a.navbar:link, a.navbar:active, a.navbar:visited, a.text:link, a.text:active, a.text:visited,
a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.redlink:link,
a.redlink:active, a.redlink:visited {
color: 70dfd3;
font-weight: bold;
font-style: normal;
font-decoration: underline;
letter-spacing: 0px;
font-size: 10pt;
}
a:hover,a.navbar:hover, a.man:hover, a:hover,a.man:hover,a.searchlinksmall:hover,a.redlink:hover,a.text:hover {
color: ffffff;
font-weight: normal;
font-style: normal;
font-decoration: none;
letter-spacing: 0px;
font-size: 10pt;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" target="_blank"><img src="http://i31.tinypic.com/bje8ad.jpg" style="position:absolute; top: 540px; margin-left:225px; left:0%;" border="0" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00Nzc1ODQzMzc=" target="_blank"><img src="http://i28.tinypic.com/2d9nql3.jpg" style="position:absolute; top: 540px; margin-left:400px; left:0%;" border="0" /></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00Nzc1ODQzMzcmTXlUb2tlbj1iYTZjNTRjYy01ZTYxLTQxMTAtODczNy0yYjYxO
FhMTkzNzM=" target="_blank"><img src="http://i31.tinypic.com/2craqo3.jpg" style="position:absolute; top: 540px; margin-left:495px; left:0%;" border="0" /></a>


<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=477584337" target="_blank"><img src="http://i29.tinypic.com/2dmbej5.jpg" style="position:absolute; top: 540px; margin-left:675px; left:0%;" border="0" /></a>


<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&friendID=477584337&n=477584337&MyToken=3037f30a-c4a8-4c29-a259-83e600b1f68b" target="_blank"><img src="http://i28.tinypic.com/2lxdogp.jpg" style="position:absolute; top: 540px; margin-left:855px; left:0%;" border="0" /></a>

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

<style>table td table td span.orangetext15 { display: none; }</style>

<style>.orangetext15{ display:none; visibility:hidden; }</style>

<style>.whitetext12{ display:none; visibility:hidden; }</style>

<style>.lightbluetext8{ display:none; visibility:hidden; }</style>

<style>.btext{ display:none; visibility:hidden; }</style>

<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20=" target="_blank"><img src="http://i27.tinypic.com/34zj88y.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>
<center>
We're a 5 piece band from Metro Detroit.
<center>
We all started out in bands when we were 13/14,
<center>
Now we're picking up where we left off.
<center>
As we experiment with different sounds and such,
<center>
Keep an eye out for what we have in store.
<center>
See you around!

<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20=" target="_blank"><img src="http://i26.tinypic.com/23mag0h.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>

<center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="344" width="425">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/o7JWskRFcxE&hl=en&fs=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/o7JWskRFcxE&hl=en&fs=1" height="344" width="425" wmode="transparent" />
</object>
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20=" target="_blank"><img src="http://i29.tinypic.com/2qdspr7.jpg" border="0" alt="Image and video hosting by TinyPic" /></a>


<a href=""><img src="http://i30.tinypic.com/2nvcymp.jpg" style="position:absolute; top: 1105px; margin-left:246px; left:0%;" border="0" /></a>

<a href=""><img src="http://i25.tinypic.com/2a7itqb.jpg" style="position:absolute; top: 800px; margin-left:246px; left:0%;" border="0" /></a>


<a href=""><img src="http://i32.tinypic.com/2rejyw6.jpg" style="position:absolute; top: 1337px; margin-left:835px; left:0%;" border="0" /></a>

<a href=""><img src="http://i28.tinypic.com/29cxg3.jpg" style="position:absolute; top:1126px; margin-left:570px; left:0%;" border="0" /></a>

www.myspace.com/wslsmusic

[Mickey]

You need to set all the left properties to 50%, then determine what the margin-left values should be after.