Problem with band layout Plz Help! Options

[DigitalDawn]

I created a Myspace band layout using few divs in Safari and it looks great, but people have been telling me that the div sections are shifted when viewing the layout in a smaller resolution or in IE or Firefox. How do I make the layout uniform across all browsers? Please Help! I will post the code below. Thanks in advance!! : )



CODE

CODE

<CUSTOM DIV SECTION>

<style>
.DivsRule1 {width:785; height:50; }
.DivsRule1 {z-index:2; position: absolute; left:27.5%; top:640px; margin-left:-100px;}
.DivsRule1 {background-color: black;}
</style>
<div class="DivsRule1">

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD01NzA0MzUy" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/addlink.jpg" border="0" alt="Photobucket"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD01NzA0MzUyJk15VG9rZW49M2FmNzY0MDEtMTRkYS00NjU0LWEwMzAtOWY1MTZiN
E5NjBm" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/comlink.jpg" border="0" alt="Photobucket"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD01NzA0MzUy" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/picslink.jpg" border="0" alt="Photobucket"></a>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=5704352&n=5704352&MyToken=a03aa19e-1422-4f2e-9dd4-274fb82be7b1" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/vidheader1.jpg" border="0" alt="Photobucket"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnN0cmV0Y2h0aGVza2llcy5jb20vP2dvdG89d2FsbGV0JmRpcmVjdD1zdG9yZSZh
nRpc3Rfa2V5PTc2ODcmYWxidW1fa2V5PTI2OTAmYWlkPTE2" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/musiclink.jpg" border="0" alt="Photobucket"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmN1cnNleW91cm5hbWUuYmlnY2FydGVsLmNvbQ==" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/merchheader1.jpg" border="0" alt="Photobucket"></a>
</div>



<PICS AND VIDS DIV>
<style>
.DivsRule {width:285; height:1480; }
.DivsRule {z-index:1; position: absolute; left:28%; top:1165px; margin-left:-100px;}
.DivsRule {background-color: black;}
</style>
<div class="DivsRule">

<a href=""><img src="http://img.photobucket.com/albums/v280/cynderband/contactheader.jpg" border="0" alt="Photobucket"></a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD01NzA0MzUy">ADD CYN</a>
<br/>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTU3MDQzNTImTXlU
2tlbj03NDFkMzFhNS0wY2UxLTRmZTQtYjRmYS02YzgwNzEyZDcxMTQ=">COMMENT</a>
<br/>
<br/>
Label
<br/>
<a href="http://www.myspace.com/thedigitaldawn">Digital Dawn Records</a>
<br/>
<br/>
Booking Info
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD01NzA0MzUyJk15VG9rZW49M2FmNzY0MDEtMTRkYS00NjU0LWEwMzAtOWY1MTZiN
E5NjBm">Email For Booking</a>
<br/>
<br/>
Site Design & Photos
<br/>
<a href="http://www.myspace.com/digitaldawndesign">Digital Dawn Design</a>
<br/>
<br/>


<img src="http://img.photobucket.com/albums/v280/cynderband/bandheader1.jpg" border="0" alt="Photobucket"></a>
<br/>
<a href="http://myspace.com/therealburntone">Brian Ingold-Guitars</a>
<br>
<a href="http://myspace.com/ryancampmusic">Ryan Camp-Vocals</a>
<br>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=5689128">Brandon Alford-Drums</a>
<br>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=359087758">Adam West-Bass</a>
<br>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=10767880">JJ Moore-Guitars</a>

<br/>

<img src="http://img.photobucket.com/albums/v280/cynderband/Friendsheader2.jpg" border="0" alt="Photobucket"></a>
<br/>
<a href="http://myspace.com/cynnersinc">Cynner's Inc.</a>
<br/>
<a href="http://www.myspace.com/theascendicate">The Ascendicate</a>
<br/>
<a href="http://www.myspace.com/southbound49">South Bound 49</a>
<br/>
<a href="http://www.myspace.com/redlinebandnc">Red Line</a>
<br/>
<a href="http://www.myspace.com/blackbirdproductions1">BlackBird Productions</a>
<br/>
<a href="http://www.myspace.com/mercymercedes">Mercy Mercedes</a>
<br/>
<a href="http://www.myspace.com/manntis">Manntis</a>
<br/>
<a href="http://www.myspace.com/thefivels">The Five L's</a>
<br/>
<a href="http://www.myspace.com/kelseyhasnewshoes">Kelsey Has New Shoes</a>
<br/>
<a href="http://www.myspace.com/greenestreetclub">Greene Street Club</a>
<br/>
<a href="http://www.myspace.com/somewhereelsetavern">Somewhere Else Tavern</a>
<br/>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=26552647">Faithless Mayhem</a>
<br/>
<a href="http://www.myspace.com/digitaldawndesign">Digital Dawn Design</a>
<br/>
<a href="http://www.myspace.com/dreamkillermusic">DreamKiller</a>
<br/>
<a href="http://www.myspace.com/helmsdeepstudio">Helm's Deep Studios</a>
<br/>
<a href="http://www.myspace.com/thebasementrecordingnc">The Basement Recording</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vY2RiYWJ5LmNvbS9mb3VuZD9hbGxzZWFyY2g9Y3Vyc2UreW91cituYW1lJnN1Ym1pdD0=" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/musicheading.jpg" border="0" alt="Photobucket"></a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFwcGxlLmNvbS9zZWFyY2gvaXBvZGl0dW5lcy8/cT1jdXJzZSt5b3VyK25hbWU=">iTunes</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vc29jaWFsLnp1bmUubmV0L3NlYXJjaHN1bW1hcnkuYXNweD94PTAmeT0wJmtleXdvcmQ9
3Vyc2UreW91cituYW1l">Zune</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNtYXJ0cHVuay5jb20vcHJvZHVjdC5waHA/aXRlbV9pZD0yNzcxMA==">Smartpunk</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vY2RiYWJ5LmNvbS9mb3VuZD9hbGxzZWFyY2g9Y3Vyc2UreW91cituYW1lJnN1Ym1pdD0=">CDBaby</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnN0cmV0Y2h0aGVza2llcy5jb20vP2dvdG89d2FsbGV0JmRpcmVjdD1zdG9yZSZh
nRpc3Rfa2V5PTc2ODcmYWxidW1fa2V5PTI2OTAmYWlkPTE2">F.Y.E.</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmFtYXpvbi5jb20vQ3Vyc2UtWW91ci1OYW1lLUV4cGxpY2l0L2RwL0IwMDE1WlA2
0U=">Amazon</a>
<br/>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vY2RiYWJ5LmNvbS9mb3VuZD9hbGxzZWFyY2g9Y3Vyc2UreW91cituYW1lJnN1Ym1pdD0=" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/cyn.jpg" border="0" alt="Photobucket"></a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vY2RiYWJ5LmNvbS9mb3VuZD9hbGxzZWFyY2g9Y3Vyc2UreW91cituYW1lJnN1Ym1pdD0=" target="_blank">"Self Titled LP"</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vY2RiYWJ5LmNvbS9mb3VuZD9hbGxzZWFyY2g9Y3Vyc2UreW91cituYW1lJnN1Ym1pdD0=" target="_blank">March 31, 2008</a>
<br/>
<a href="" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/wesupportheading.jpg" border="0" alt="Photobucket"></a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vaWJhbmV6LmNvbQ==">Ibanez Guitars</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vZXNwZ3VpdGFycy5jb20v">ESP Guitars</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vcGVhdmV5LmNvbS8=">Peavey</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzYWJvb2dpZS5jb20v">Mesa Engineering</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNhbXNvbnRlY2guY29tL3Byb2R1Y3RzL2JyYW5kcGFnZS5jZm0/YnJhbmRJRD0z">Hartke Systems</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vYW1wZWcuY29tLw==">Ampeg</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRhZGRhcmlvLmNvbS8=">D'Addario Strings</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vdGFtYS5jb20v">Tama Drums</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vZ3VpdGFycmVwYWlyY2VudGVyLmNvbS8=">Guitar Repair Center</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vc2h1cmUuY29tL2luZGV4Lmh0bWw=">Shure Microphones</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmR1a2VzbWF5by5jb20v">Dukes Mayonnaise</a>
<br/>
<a href="http://www.myspace.com/fnnyc">F'NNYC Clothing</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1vbnN0ZXJlbmVyZ3kuY29tLw==">Monster Energy Drinks</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vZGlydGJhZ2Nsb3RoaW5nLmNvbS8=">Dirtbag Clothing</a>


</div>

<END OF DIV CODE>



<a href="" target="_blank"><img
src="http://img.photobucket.com/albums/v280/cynderband/newsheader1.jpg" border="0" alt="Photobucket"></a>
<br/>
<br/>
1/25/09 Thanks for visiting the new and improved Curse Your Name Myspace Page!
Be sure to check out our new Big Cartel Store and see some of our new T-shirt designs courtesy of Digital Dawn Designs!
<br/>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmN1cnNleW91cm5hbWUuYmlnY2FydGVsLmNvbQ==" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/merchorderad2.jpg" border="0" alt="Photobucket"></a>
<br/>
<br/>
<img src="http://img.photobucket.com/albums/v280/cynderband/supportheader1.jpg" border="0" alt="Photobucket"></a>
<br/>
<br />
<center><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2N1cnNleW91cm5hbWU=" target="_blank"><img src="http://www.justinreich.com/curseyourname/banner/banner.gif" border="0" width="400" height="85"/></a><br />
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vc21nLnBob3RvYnVja2V0LmNvbS9hbGJ1bXMvdjI4MC9jeW5kZXJiYW5kLz9hY3Rpb249
mlldyZjdXJyZW50PXZpZGVvaGVhZGVyMS5qcGc=" target="_blank"><img src="http://img.photobucket.com/albums/v280/cynderband/videoheader1.jpg" border="0" alt="Photobucket"align=left></a>

<br/>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="344" width="425" data="http://www.youtube.com/v/D1s6iwod7ks&hl=en&fs=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/D1s6iwod7ks&hl=en&fs=1" />
</object>
<center>
"SPARK OF LIFE"



<style type="text/css">
body {
background-color: rgb(255, 255, 255);
background-image: url(http://img.photobucket.com/albums/v280/cynderband/testbackground8.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}

table table {
border: 0px;
}
table table table table{
border: 0px;
}
table table table {
border-width: 0px;
border-color: rgb(102,102,102);
border-style: solid;
background-color: transparent;
}
table table table td {
background-color: transparent;
filter:alpha(100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
}
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: Verdana;
font-size: 12px;
color: rgb(255, 255, 255);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Verdana;
font-size: 12px;
color: rgb(255, 255, 255);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: 12px;
color: rgb(255, 255, 255);
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(69, 69, 69);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(255, 255, 255);
font-weight: bold;
font-style: italic;
text-decoration: none;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}

</style>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmh5cGVyZ3VybC5jb20vbXlzcGFjZS9pbmRleC5waHA=" target="_blank"
</a>


<SHOWS HEADER>

<a class=i href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLXNob3dz">
</a>
<style>
.i {display:none;}
{!hide coming shows header!}
td.text div table td table td.text span.whitetext12 {visibility:hidden;}
{! place image to use as new header !}
td.text div table td table td.text {background-image:url("http://img.photobucket.com/albums/v280/cynderband/showheader.jpg");
background-position: left center;
background-repeat: no-repeat;
}
</style>



<MYSPACE NAME IMAGE>

<style type="text/css">
.nametext {
display:block;
background-repeat:no-repeat;
background-position:left;
height:100px;
background-image:url(http://img.photobucket.com/albums/v280/cynderband/curseyournamename2.jpg);
padding: 0;
margin: 0;
text-indent: -9999px;
}
</style><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZyZWVjb2Rlc291cmNlLmNvbQ==" target="_blank"><b></b></a>


<CONTACT TABLE>

<i class="i">
START code to Apply Custom Contact Table
All rights reserved. You may not remove my credits.
You may not re-publish this code.
</i>
<a class="i" href="xiii.us/ms/contactTable">http://img.photobucket.com/albums/v280/cynderband/contactpic_ryancamp.jpg</a>
<a class="i">
<style>
.i {display:none;}
{! below should be set to the height of your image !}
table.contactTable {height:150px !important;}
table.contactTable, table.ContactTable table,
table.contactTable td {background-color:transparent; border:none !important;}
table.contactTable table td a img, table.contactTable .i, i i.x { opacity:0.001 !important; filter:alpha(opacity=0.001) !important }
table.contactTable {background-image:url('http://img.photobucket.com/albums/v280/cynderband/contactcyn.jpg');
background-repeat:no-repeat;
background-position:center; }
{! use below line ONLY if you want to hide the Contacting header!}
table.contactTable td span {visibility:hidden;}
</style> </a>
<i class="i">
END code to apply Custom Contact Table</i>


<CENTER FRIENDS>
<a class=i
href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9mcmllbmRzLWNvbW1lbnRzLWNlbnRlcg==">Center Friends And Comments MySpace</a>
<style>.i {display:none}</style>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<table><tr><td>
<table class="off"><tr><td>
<table><tr><td>

<HIDE CONTACT TABLE>
<i class="i">Apply Custom Contact Table
<a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9jb250YWN0VGFibGU=" target="_blank"></a>
</i>
<style>
.i {display:none;}
table.contactTable {display:none;}
</style>

<HIDE MEMBER SINCE>
<style>
.a {hide member since}
span.whitetext12 {background-color:black; position:relative; top:21px; display:block; z-index:9;}
td.text td.text span.whitetext12, table.contactTable span.whitetext12 {position:static; background-color:transparent; display:inline}
</style>

<HIDE URL CODE>
<style type="text/css">
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
</style>

<TOP BANNER CODE>
<i class=i>!!! Start Code To Apply Top Banner !!!!</i>
<a class="i" href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy90b3AtYmFubmVy" title="myspace top banner">
Custom top banner code by Eileen</a>
<style>
{!- make room at bottom of div.profileWidth -!}
div.profileWidth table {margin-bottom:620px !important;}
{! apply banner as bkgd image !}
div.profileWidth{background-image:url(http://img.photobucket.com/albums/v280/cynderband/newcyngroup2.jpg)!important; background-position:center bottom !important; background-repeat:no-repeat !important;}
{!- reverse -!}
table.rail, .i, .i i.x {display:none;}
</style>

<i class=i>!!! End Code To Apply Top Banner !!!</i>

Reason for edit: Please use [codebox] tags when posting long codes. - Mike

[Mickey]

No problem. Topic closed & moved.