Issue with friend/comment section Options

[shynomi]

I'm having an issue with the scrollbar sticking out about 10px to the right and the comments are slightly cut off on the left side when you scroll.

LINK: (http://www.myspace.com/frucatestpage)

Here's my code for this section:

CODE

</td></tr></table>
</td></tr></table>
</td></tr></table>
<img src="http://i382.photobucket.com/albums/oo268/dygynomi/2010%20SAINTS%20OF%20VALORY/friendsandcommentsline.jpg" style="position: relative; left: -10px;" /><br /><br /><br />

<div class="myDClassFC">
<table><tr><td>
<table class="off"><tr><td>
<table><tr><td>

<style>
.i {display:none;}
div.myDClassFC {height:400px !important; overflow:scroll !important; overflow-x:hidden !important}
</style>

Any help is appreciated :)

[Mickey]

Remove this from your codes:

CODE

<span class="off">!-Start Block to Shift Comments To Center-!</span>
<style>
{!-Change the top px value as needed. This is distance B on the chart-!}
table.friendscomments {position:relative; left:-1%;}
table.friendscomments {width:800px !important;}
table.friendscomments td, table.friendscomments table {width:100% !important}
table.friendscomments table table td {width:auto !important;}
</style>
<span class="off">!-END Block to Shift Comments To Center-!</span>


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

Then on that bit of code you posted, replace this:

CODE

<style>
.i {display:none;}
div.myDClassFC {height:400px !important; overflow-x:hidden !important}
</style>

With this:

CODE

<style>
.i {display:none;}
div.myDClassFC {height:400px !important; width: 785px!important; overflow-x:hidden !important}
</style>

That should do it.

[shynomi]

You are the freakin' man! Fixed :)

[creole]

Topic closed & moved.