Strange issue with comments Options

[andrew29]

So I've nearly finished my first Myspace Div attempt for my mate's band, have my player working, friends and shows working perfectly thanks to alot of scouring of this forum. However I'm having an issue with my comments section, any images someone posts as part of the comments are cut off about 200pxl in. I followed this script for the comments:http://www.createblog.com/myspace-scripts/...mments-section/

Code is here:

CODE

<style>
div table table {position: absolute; top: 1475px; left: 50%; margin-left: -45px; z-index: 9;}
.clearfix table table, div table table table, div table table div, .latestBlogEntry, .friendSpace, .friendSpace table, .friendsComments table {position: static; margin: auto;}
</style>

<style>embed, object {position:absolute; top:1000px; left:50%; margin-left: -40px; z-index:9; } td td td embed, td td td object { position:static; margin-left:0px; }</style>


<style>

body {

background-color: rgb(0, 0, 0);

background-image: url(http://img697.imageshack.us/img697/9004/backgroundofficial.jpg);

background-position: center center;

background-repeat: repeat;

background-attachment: fixed;

}

table, tr, td {

background-color: transparent;

border: 0px;

}

</style> <style>

table table {

border: 0px;

}

table table table table{

border:0px;

}

table table table {

border-width: 0px;

border-color: rgb(0, 0, 0);

border-style: outset;

background-color: transparent;

}

table table table td {

background-color: rgb(0, 0, 0);

}

table table table table td {

filter:none;

}

</style>



<style>

body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {

font-size: 10px;

color: rgb(255, 255, 255);

font-weight: normal;

font-style: normal;

text-decoration: none;

}

.whitetext10, .orangetext15 {

font-size: 10px;

color: rgb(255, 255, 255);

font-weight: bold;

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(255, 255, 255);

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: normal;

text-decoration: underline;

}

</style>



<style>

.thebanner{

background-color: transparent;

position: absolute;

left: 50%;

top: 190px;

width: 800px;

height: 2600px;

margin-left: -400px;

overflow:hidden;

background-position:center left;

background-repeat:no-repeat;

border-width: 0px;

border-style: solid;

}

body table table td {padding-top: 400px;}

div table table td {padding-top:0px;}

body table table table td {padding-top:0px;}

</style>



<div class="thebanner">

..
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" width="800">
..
<tr>
<td colspan="12"> <img style="width: 800px; height: 521px;" src="http://img227.imageshack.us/img227/8983/divmapramshackle01.jpg" alt="" /></td>
</tr>
<tr>
<td> <a href="www.myspace.com"><img style="border: 0px solid ; width: 110px; height: 103px;" src="http://img96.imageshack.us/img96/3869/divmapramshackle02.jpg" alt="" /></a></td>
<td colspan="6"> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NTUzNTE5NzM="><img style="border: 0px solid ; width: 261px; height: 103px;" src="http://img12.imageshack.us/img12/2690/divmapramshackle03.jpg" alt="" /></a></td>
<td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NTUzNTE5NzM="><img style="border: 0px solid ; width: 153px; height: 103px;" src="http://img688.imageshack.us/img688/7752/divmapramshackle04.jpg" alt="" /></a></td>
<td> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ1NTM1MTk3Mw=="><img style="border: 0px solid ; width: 156px; height: 103px;" src="http://img682.imageshack.us/img682/9035/divmapramshackle05.jpg" alt="" /></a></td>
<td colspan="2" rowspan="2"> <img style="width: 120px; height: 144px;" src="http://img192.imageshack.us/img192/1152/divmapramshackle06.jpg" alt="" /></td>
</tr>
<tr>
<td colspan="10"> <img style="width: 680px; height: 41px;" src="http://img15.imageshack.us/img15/5608/divmapramshackle07.jpg" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="2"> <img style="width: 137px; height: 295px;" src="http://img697.imageshack.us/img697/5707/divmapramshackle08.jpg" alt="" /></td>
<td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9SYW1zaGFja2xlLzIyOTIwNzIxNTg3Mg=="><img style="border: 0px solid ; width: 160px; height: 66px;" src="http://img714.imageshack.us/img714/5526/divmapramshackle09.jpg" alt="" /></a></td>
<td colspan="3"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvUmFtc2hhY2tsZVR1YmU="><img style="border: 0px solid ; width: 159px; height: 66px;" src="http://img692.imageshack.us/img692/3811/divmapramshackle10.jpg" alt="" /></a></td>
<td colspan="3"> <a href="http://www.msplinks.com/MDFodHRwOi8vdHJpcGxlanVuZWFydGhlZC5jb20vQXJ0aXN0cy9WaWV3LmFzcHg/YXJ0aXN0aWQ9MjczNDE="><img style="border: 0px solid ; width: 226px; height: 66px;" src="http://img821.imageshack.us/img821/1964/divmapramshackle11.jpg" alt="" /></a></td>
<td rowspan="4"> <img style="width: 118px; height: 1935px;" src="http://img714.imageshack.us/img714/3632/divmapramshackle12.jpg" alt="" /></td>
</tr>
<tr>
<td colspan="8"> <img style="width: 545px; height: 229px;" src="http://img192.imageshack.us/img192/5141/divmapramshackle13.jpg" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="2"> <img style="width: 111px; height: 1640px;" src="http://img517.imageshack.us/img517/3405/divmapramshackle14.jpg" alt="" /></td>
<td colspan="2"> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=455351973"><img style="border: 0px solid ; width: 91px; height: 40px;" src="http://img80.imageshack.us/img80/9739/divmapramshackle15.jpg" alt="" /></a></td>
<td colspan="2"> <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=19553440"><img style="border: 0px solid ; width: 112px; height: 40px;" src="http://img59.imageshack.us/img59/7346/divmapramshackle16.jpg" alt="" /></a></td>
<td colspan="5" rowspan="2"> <img style="width: 368px; height: 1640px;" src="http://i94.photobucket.com/albums/l101/andrew_29/div-map-ramshackle_17.jpg" alt="" /></td>
</tr>
<tr>
<td colspan="4"> <img style="width: 203px; height: 1600px;" src="http://img200.imageshack.us/img200/4374/divmapramshackle18.jpg" alt="" /></td>
</tr>
<tr>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="110" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="1" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="26" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="65" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="95" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="17" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="57" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="85" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="68" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="156" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="2" /></td>
<td> <img src="http://x.myspace.com/images/tos.gif" alt="" height="1" width="118" /></td>
</tr>
..
</table>
..


</div>



<style>

.extendedNetwork { display:none; }

</style>

<style>

.contactTable {display: none;}

</style>

<style>

.profileInfo{display:none;}

</style>

<style>

.latestBlogEntry {display:none;}

</style>

<style>

.interestsAndDetails{display:none;}

</style>

<style>

.userProfileDetail{display:none;}

</style>

<style>

.orangetext15{display: none;}

</style>

<style>

.userProfileURL { display:none; }

</style>




<style>div table tr td font {visibility:hidden;}
div table table tr td font {visibility:visible;}
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}

html body.bodyContent table tbody tr td table.friendsComments{
width: 900px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 1400px !important;
overflow: visible !important;
background-color: transparent !important;
margin-left: -1px !important;

_width: 770px !important;
_margin-left: -2px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}
table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !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: 758px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -48px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: FFFFFF;
font-weight: normal;
font-size: 11px;

_margin: -53px 0 0 8px;
_font-size: 11px !important;
_color: FFFFFF;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{
font-size: 11px !important;
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: 11px !important;
text-transform: Uppercase;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: !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 tr td{
background-color: !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 11px !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: 1px solid !important;
border-color:FFFFFF !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: Uppercase !important;
font-weight: bold;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 11px;
font-family: arial !important;
letter-spacing: 0px;
text-align: right;
margin: 12px 12px -15px 0px !important;
width: 622px;
border-top: 0px solid black;

_margin: 12px 0px -.5em 0px !important;
_width: 634px;
}



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: 12px 12px 0px 12px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 11px !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: 0px solid dimgrey !important;
border-color: !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;

_margin-left: -4px;
}


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> .friendSpace {position:absolute; top:2300px; left:890px; z-index:9;} </style>

Link to myspace: http://www.myspace.com/ramshackleau


It's probably something simple like not having an overflow set correctly or something but I dont know enough about coding to be able to pinpoint where the issue might be. Any ideas?

[andrew29]

Cheers mate, I figured it was a positioning issue but didn't know where to put the fixes in.

One small question, I was moving the entire div down about 50px because it overlapped the Myspace Music bar in FF, thus I had to adjust the friends section accordingly. When I did this I seem to have done something to corrupt it part of the div somehow. I get a large transparent yellow box behind the friends layer when I view it in IE but not in FF. What is odd is that it doesn't correspond to an entire sliced image as part of the div. I just wanted to know if its just my computer or happens for everyone in IE?

Screenshot is here:

click to enlarge