Keep Your Myspace Comments In Line

Here’s a quick tip to keep the comments on your Myspace page from breaking your carefully constructed (or haphazardly thrown together) layout. This CSS will create a scroll bar for comments that are too wide for the comment column (images, videos, web addresses, etc…) To get it to work, stick it in the “About Me” section or anywhere else you can enter profile styles.


<style type="text/css">
/* keep comments in line */
table table table.friendsComments table table tr  {
display: block;
width: 430px;
overflow: auto;
}
</style>

This will work in Firefox and should work in Internet Explorer 7, but I haven’t tested it yet. It won’t work in IE6, but it also won’t make your profile look any worse–it has no effect in that browser. For an example of this CSS in action you can check out my profile on Myspace.

Update: After further testing, I’ve found the following:

Works in: Recent versions of Firefox, Safari, and Opera
Doesn’t work in: Internet Explorer

I’ll make another update if I can get it working properly in IE. As before, using this code won’t make your profile look worse in IE, it just won’t make it better.