myspace band layout - right column overlap Options

[maschinegeist]

First let me preface this post by saying that I began putting together this band layout before I found this site and its tutorials. I built it on a wing and a prayer, piecing bits together from various tutorials and layouts I found on the net.

The code is an absolute MESS.
I've tried to make it conform to the tutorial by A1bassline but I get a bit lost and end up breaking it.
I have no idea why it (almost) works, but it does (almost).

Anyway, here's the mockup page: http://www.myspace.com/thenewsignal

As you can see the right column drifts left and gets overlapped by the left column.
I've tried a few different methods to fix this after reading posts in this forum, but nothing's worked so far.
Where should I be looking in the code to fix this issue?

Like I mentioned, the code is an embarrassing mess but I'll send it if you ask.
Thanks in advance for any help!
Mike.

[maschinegeist]

Thanks for the codebox hint, Mike :)
Here's the code:

CODE

<style>
body {
background-color: rgb(255,255,255);
background-image: url(http://www.mike-spike.com/drivel/myspace-thesignal/images/bg.jpg);
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;
}
table, tr, td {
background-color: transparent;
border: 0px;
}

{!-music player-!}
table table td.text object {
position:relative;
top:0px;
left: 0px;
z-index: 4; }
</style>

<div class="masthead"><span></span></div>

<style>
.masthead {width: 907px; height: 0px; position: absolute; margin-left: -454px; left: 50%; top: 0px; background-image: url(); z-index:9;}
body table {margin-top:825px;}
body td table, body div table {margin-top: 0;}
</style>

<style>
.flashheader {width: 907px; height: 0px; position: absolute; margin-left: -454px; left: 50%; top: 0px; background-image: url(); z-index:9;}
</style>

<style>
.contactTable table {background-color: transparent;background-image: url("");background-position: bottom;background-repeat: no-repeat;}
.contactTable td, .contactTable div {background-image: none;background-color: transparent;}
.contactTable a img {visibility:hidden;border:0px !important;}
.contactTable a {display:block;height:33px;width:115px;}
.contactTable a, .contactTable img {filter:none !important;}
</style>


<style>
table table td.text div table table td.text
{background-image:url("http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-shows.jpg");
float: right;
padding-top: 0;
height: 57;
width: 449;
background-repeat:no-repeat}
table table td.text div table table td.text span.whitetext12 {display:none;}
</style>


<style>
span.blacktext12 img {display:none;}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: black !important;
color: ffffff !important;
width: 449px !important;
border-collapse: collapse !important;
margin: 0 !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url("http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-blog_blog.jpg");
background-repeat: no-repeat;
background-position: 7px 0px;
margin-top: 0px !important;
overflow: hiddden;
z-index: 7;

_background-position: 0px 0px;
_margin-left: -4px !important;
_margin-top: 28px !important;
}
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 461px !important;
font-family: palatino, serif;
color: 000000 !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: ffffff;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: bold;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;

_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-bottom: 1px dotted dimgray;
border-color: 333333;
width: 443px;
color: BBAAF3;
padding: 0px !important;
margin-left: 8px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;

_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
display: block;
float: left;
width: 50px !important;
height: 63px;
font-size: 1px;
overflow: hidden;
color: 000000 !important;
line-height: 300px;
}
</style>



<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-support.jpg" />
<center>
<br /><br /><a href="http://www.myspace.com/thenewsignal"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-merchandise-01.jpg" border="0" /></a><br />
<br />
<a href="http://www.myspace.com/thenewsignal" target="_blank"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-merchandise-02.jpg" border="0" /></a><br />
<br />
</center>




<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-about.jpg" />
<br/><br/>
<br/><br/>
Hi! We are a Band! We play the Musics!!
<br/><br/>
<br/><br/>
<center>
<b>VISIT US ON PUREVOLUME!</b>
<br/><br/>
<a href="http://www.myspace.com/thenewsignal"><img src="http://www.geocities.com/banddecade/purevolume_logo.jpg" /></a>
<br/>
<br/>
<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-band_logo.jpg" alt="Band Banner" align="center" width="445" height="80" border="0" />
<br/>
</center>



<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-videos.jpg" />
<br/>
<br/>
<br/>
<br/>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/0t0FGyhB6C8&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0t0FGyhB6C8&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br /><br />



<style>
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }
.mygen { Text Properties }
table, tr, td, li, p, div { color:ffffff; }
.btext { color:BBAAF3; }
.blacktext10 { color:ffffff; }
.blacktext12 { color:ffffff; }
.lightbluetext8 { display:none; }
.orangetext15 { display:none; }
.redtext { color:B87333; }
.redbtext { color:B87333; }
.text { color:ffffff; }
a:active, a:visited, a:link { color:BBAAF3; }
a:hover { color:ffffff; }
a.navbar:active, a.navbar:visited, a.navbar:link { color: BBAAF3; }
a.navbar:hover { color: ffffff; }
a.redlink:active, a.redlink:visited, a.redlink:link { color: BBAAF3; }
a.redlink:hover { color: ffffff; }
.nametext { color:000000;
font-family: helvetica;
font-size: 0px; }
.whitetext12 {color:000000;}
</style>

<style>
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:000000;
}
.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:groove;
border-width:0px;
border-color:000000;
background-color:transparent;
}
</style>


<style>
.sidebar
{
width: 410px;
position: absolute;
margin-left: -439px;
_margin-left: -439px;
left: 50%;
top: 1037px;
background-repeat: repeat-x;
background-color:000000;
padding-top: 0px;
}

*html .sidebar
{
width: 410px;
position: absolute;
margin-left: -439px;
_margin-left: -439px;
left: 50%;
top: 1037px;
background-repeat: repeat-x;
background-color:000000;
padding-top: 0px;
}

.left { position: absolute !important; top:0px; left: 50%; height: 1px; width: 1px; overflow: none; padding: 0px; margin-left: -1000px; text-align: left; z-index:9;}

.right { position: absolute !important; top:0px; left: 50%; height: 1px; width: 1px; overflow: none; padding: 0px; margin-left: 453px; text-align: left; z-index:9;}

</style>


<div class="sidebar">
<center>
<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-band_group.jpg" /><br />
<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-band_members.jpg" /><br />
<a href="http://www.myspace.com/thenewsignal" target="_blank"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-member-01.jpg" /></a><a href="http://www.myspace.com/thenewsignal" target="_blank"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-member-02.jpg" /></a><br />
<a href="http://www.myspace.com/thenewsignal" target="_blank"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-member-03.jpg" /></a><a href="http://www.myspace.com/thenewsignal" target="_blank"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-member-04.jpg" /></a><br />
<a href="http://www.myspace.com/thenewsignal" target="_blank"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-member-05.jpg" /></a><a href="http://www.myspace.com/thenewsignal" target="_blank"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-member-06.jpg" /></a><br />
<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-endorsements.jpg" /><br />
<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/image-sponsors.jpg" /><br />
<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-information.jpg" />
<br />
<br />
<table width="400" border="0" cellspacing="3" cellpadding="3">
<tr>
<td>URL</td>

<td><div align="right"><a href="a band">myspace.com/thenewsignal</a></div></td>

</tr>
<tr>
<td>HOMETOWN</td>
<td><div align="right">Vancouver, BC </div></td>
</tr>

<tr>
<td>BOOKING</td>
<td><div align="right"><a href="mailto:the.new.signal@gmail.com"> the Signal </a></div></td>

</tr>
<tr>
<td>ART & LAYOUT</td>

<td><div align="right"><a href="http://www.myspace.com/thenewsignal">Empyrean Studio</a></div></td>
</tr>
<tr>
<td>LABEL</td>

<td><div align="right"><a href="http://www.myspace.com/thenewsignal">the Signal Records</a></div></td>
</tr>
</table>
</center>
</div>

<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 45px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://www.mike-spike.com/drivel/myspace-thesignal/images/banner-friends.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
}

table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: url("");
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 70px !important;
color: ffffff !important;
width: 785px;
position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: -1px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 70px !important;
_margin-bottom: -1px !important;
}



html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b{
display: block;
position: absolute;
z-index: 9;
width: 750px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -50px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: ffffff;
font-weight: normal;
font-size: 12px;
_margin: -53px 0 0 8px;
_font-size: 12px !important;
_color: ffffff;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{
font-weight: bold;
color: ffffff;
padding: 0px 2px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a{
color: FFFFFF !important;
font-size: 12px !important;
text-transform: none;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: transparent !important;
position: relative !important;
display: inline !important;
z-index: 9;
border: none !important;
letter-spacing: 0px !important;
_font-size: 11px !important;
_margin: 0 !important;
_padding: 0 !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table{
overflow: hidden !important;
border: 1px ffffff !important;
border-color: ffffff !important;
width: 100% !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td{
background-color: transparent !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 12px !important;
line-height: 12px !important;
text-transform: none !important;
letter-spacing: 0px;
color: FFFFFF !important;
margin: 0 !important;
padding: 12px 0px 12px 0px;
border-bottom: 0px B41C21 !important;
border-color: 28758c !important;
_line-height: 16px !important;
}


html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10{
color: ffffff !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 12px;
font-family: arial, sans-serif !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 10px 10px -12px 0px !important;
width: 650px;
border-top: 1px 28758c;
_margin: 12px 0px -.5em 0px !important;
_width: 650px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a{
display: block;
border: 0px ffffff !important;
border-color: ffffff!important;
border-top-style: solid !important;
border-top-width: 0px !important;
text-align: center;
text-transform: Uppercase;
padding: 8px;
font-size: 12px;
letter-spacing: 1px;
color: ffffff !important;
position: relative !important;
margin-top: -3px !important;
background-color: transparent;
_margin-top: -6px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a{
display: block !important;
color: ffffff !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 10px !important;
line-height: 11px !important;
border: none !important;
letter-spacing: 0px !important;
text-align: center !important;
width: 110px !important;
overflow: hidden !important;
font-weight: normal;
_width: 124px !important;
_margin-bottom: -15px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img{
visibility: visible !important;
border: 1px ffffff !important;
border-color: 000000 !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;
_margin-left: 0px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow{
display: block;
position: relative;
margin: 15px 0 -20px 26px !important;
border: none !important;
_margin: 15px 0 -20px 21px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img{
max-width: 100%;
margin: 0px !important;
margin: 0px 0px 12px 0px !important;
}
</style>


<style>
.contactTable table {background-color: transparent;background-image: url("");background-position: bottom;background-repeat: no-repeat;}
.contactTable td, .contactTable div {background-image: none;background-color: transparent; color: 000000;}
.contactTable a img {visibility:hidden;border:0px !important;}
.contactTable a {display:block;height:33px;width:115px;}
.contactTable a, .contactTable img {filter:none !important;}
</style>



<div style="margin-left: -454px;left: 50%;position:absolute; top:0px;width:907px;height:10px;">

<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/header-center_image.jpg" /><br />
<a href="http://www.myspace.com/thenewsignal"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/button-send_message.jpg" /></a><a href="http://www.myspace.com/thenewsignal"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/button-add_to_friends.jpg" /></a><a href="http://www.myspace.com/thenewsignal"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/button-forward_to_friends.jpg" /></a><a href="http://www.myspace.com/thenewsignal"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/button-add_to_group.jpg" /></a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=thenewsignal"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/button-view_photos.jpg" /></a><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=thenewsignal"><img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/button-view_videos.jpg" /></a><br />
<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/header-myspace_URL_break.jpg" />

</div>

<div class="left">
<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/header-left.jpg" />
</div>

<div class="right">
<img src="http://www.mike-spike.com/drivel/myspace-thesignal/images/header-right.jpg" />

</div>


<div class="flashheader">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="953" width="907">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.mike-spike.com/drivel/myspace-thesignal/images/header-center.jpg" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.mike-spike.com/drivel/myspace-thesignal/images/header-center.jpg" height="953" width="907" wmode="transparent" />
</object>
</div>