Printable Version of Topic
Click here to view this topic in its original format
Forums _ Webmasters' Corner Resolved Topics _ Hiding Horizontal Scroll
Posted by: frozenecko Jun 20 2008, 02:04 AM
I have the comments on my MySpace in a DIV layer. Problem is, it has a horizontal scroll. It looks terrible and its not even needed. Could someone tell me how to get rid of it? On both FF and IE if possible...
Thank you so much. 
Posted by: frozenecko Jun 20 2008, 02:07 AM
CODE
<style type="text/css">
.comments {width:558px; overflow: none;}
.comments table {background-color: transparent;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
.i {display:none;}
table table object,
table table embed {position:relative;
top:70px;
left:-120px;
z-index:9 !important;}
.comments{visibility:visible;width:544px; height:200px;position:absolute;
top:1153px;left:227px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2px;}
</style>
<style type=text/css>
body {
background-color: ffffff;
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:aca088;
scrollbar-track-color: aca088;
scrollbar-shadow-color: aca088;
scrollbar-face-color:d7cdb9;
scrollbar-highlight-color:aca088;
scrollbar-darkshadow-color:aca088;
scrollbar-3dlight-color:aca088}
table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}
{The actual modules}
table table table {border: 0px solid; border-color: transparent; background-color: transparent; }
{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:000000; font-weight:bold; border:0px; text-transform: none; line-height:12px;}
{class for the basic font for the page}
.text {font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}
{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px;}
{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{”In your extended network” style}
.blacktext12{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }
{Stylizing of your name above your picture }
.nametext{font-family: arial; color: 000000; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}
{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:000000; font-weight:bold;border:0px; text-transform: uppercase; }
</style>
<div class="bg" style="position: absolute; left:0px; top:168px; width:900px; height:1230px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v634/frozenecko/everwarblank.jpg" width="916" height="1232" border="0">
</div>
<div class="stats" style="position: absolute; left:223; top:776; width:265; height:120; overflow: auto"><center>
<p>
<br>
<b>about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your band about your band about your band about your band about your band about your band
</b><br>
</p>
</div>
<div class="stats" style="position: absolute; left:223; top:990; width:265; height:120; overflow: auto"><center>
<p>
<br>
<b>your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here
</b><br>
</p>
</div>
<div class="content" style="position: absolute; left:0; top:0; width:94; height:38; overflow: auto">
<p style="text-align: center">Layout Created By
<a target="_blank" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2Zyb3plbmVja28=">Dani Blake</a>
</font>
</div>
<div class="linkage" style="position: absolute; left:687; top:430; width:87; height:369; overflow: auto"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTM5MDI2MDE1Ng==">
Add</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zOTAyNjAxNTYmTXlUb2tlbj1hZGVmN2JlNy01NTlmLTQxNWEtODNhZS01MTk0N
Y3ODcyNDY=">
Message</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM5MDI2MDE1NiZN
VRva2VuPWFkZWY3YmU3LTU1OWYtNDE1YS04M2FlLTUxOTQ3Zjc4NzI0Ng==">
Comment</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD0zOTAyNjAxNTYmTXlUb2tlbj04YWY1
WZlOS1hMDQ3LTRlOTAtYWJlYi1jNWNjZmRlZjZmZDk=">
Friends</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTExMDQ0MzY=">
Block</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzkwMjYwMTU2">
Blog</a><br>
<br>
<br>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&channelid=390260156">
Videos</a>
</div>
<div class="comments"><table><tr><td><table><tr><td>
<div class="comments" style="overflow: auto; width: 544px; height:200px; position: absolute; top:1153px; margin-left: 227px;"><center><table><table><tbody><tr><td><table></center></div>
.comments {width:558px; overflow: none;}
.comments table {background-color: transparent;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
.i {display:none;}
table table object,
table table embed {position:relative;
top:70px;
left:-120px;
z-index:9 !important;}
.comments{visibility:visible;width:544px; height:200px;position:absolute;
top:1153px;left:227px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2px;}
</style>
<style type=text/css>
body {
background-color: ffffff;
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:aca088;
scrollbar-track-color: aca088;
scrollbar-shadow-color: aca088;
scrollbar-face-color:d7cdb9;
scrollbar-highlight-color:aca088;
scrollbar-darkshadow-color:aca088;
scrollbar-3dlight-color:aca088}
table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}
{The actual modules}
table table table {border: 0px solid; border-color: transparent; background-color: transparent; }
{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:000000; font-weight:bold; border:0px; text-transform: none; line-height:12px;}
{class for the basic font for the page}
.text {font:normal 9px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}
{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px;}
{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{”In your extended network” style}
.blacktext12{font-family: arial; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }
{Stylizing of your name above your picture }
.nametext{font-family: arial; color: 000000; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}
{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:000000; font-weight:bold;border:0px; text-transform: uppercase; }
</style>
<div class="bg" style="position: absolute; left:0px; top:168px; width:900px; height:1230px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v634/frozenecko/everwarblank.jpg" width="916" height="1232" border="0">
</div>
<div class="stats" style="position: absolute; left:223; top:776; width:265; height:120; overflow: auto"><center>
<p>
<br>
<b>about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your
band about your band about your band about your band about your band about your band about your band about your band about your band about your band about your band
</b><br>
</p>
</div>
<div class="stats" style="position: absolute; left:223; top:990; width:265; height:120; overflow: auto"><center>
<p>
<br>
<b>your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here your news and shows here
</b><br>
</p>
</div>
<div class="content" style="position: absolute; left:0; top:0; width:94; height:38; overflow: auto">
<p style="text-align: center">Layout Created By
<a target="_blank" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2Zyb3plbmVja28=">Dani Blake</a>
</font>
</div>
<div class="linkage" style="position: absolute; left:687; top:430; width:87; height:369; overflow: auto"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTM5MDI2MDE1Ng==">
Add</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zOTAyNjAxNTYmTXlUb2tlbj1hZGVmN2JlNy01NTlmLTQxNWEtODNhZS01MTk0N
Y3ODcyNDY=">
Message</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM5MDI2MDE1NiZN
VRva2VuPWFkZWY3YmU3LTU1OWYtNDE1YS04M2FlLTUxOTQ3Zjc4NzI0Ng==">
Comment</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD0zOTAyNjAxNTYmTXlUb2tlbj04YWY1
WZlOS1hMDQ3LTRlOTAtYWJlYi1jNWNjZmRlZjZmZDk=">
Friends</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTExMDQ0MzY=">
Block</a><br>
<br>
<br>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzkwMjYwMTU2">
Blog</a><br>
<br>
<br>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&channelid=390260156">
Videos</a>
</div>
<div class="comments"><table><tr><td><table><tr><td>
<div class="comments" style="overflow: auto; width: 544px; height:200px; position: absolute; top:1153px; margin-left: 227px;"><center><table><table><tbody><tr><td><table></center></div>
Posted by: PatrickCeralde Jun 20 2008, 02:52 AM
CODE
<div class="comments" style="overflow: auto; width: 544px; height:200px; position: absolute; top:1153px; margin-left: 227px; overflow-x:hidden !important;">
i dunno, maybe that could help? sorry. i'm not all that great with codes.
edit: oh and that's from the very bottom of your code that you've given.
Posted by: frozenecko Jun 20 2008, 09:33 AM
thanks i'll try that
Posted by: frozenecko Jun 20 2008, 09:37 AM
That Worked! Fabulous. Thankyou!!
