How To Resize Blog Comments on MySpace

So you’ve written this great blog, so careful to make sure nothing stretched your screen in your post…. so meticulous, as you want to make sure everyone can digest what you’re trying to say without side scrolling….

Suddenly some HTML-Challenged putz leaves a graphic from Photobucket in your comments that should be used as desktop wallpaper!!! ARRRRRRGH!

Don’t you hate when that happens?
No worries, we’re about to fix that.



HOW TO AUTOMATICALLY RESIZE THE GRAPHICS IN YOUR BLOG COMMENTS

************ UPDATED 03/23/09 ****** NEW CODE BELOW *******

– Go to Customize Blog in your blog control panel.
– Paste the following CSS code in your “Your own Additional Style Sheet” box:

td.blogComments {font-size: 13px; width:499px; max-width:550px; width:auto; height:auto; overflow:hidden;}
td.blogComments img {width:499px; max-width:550px; width:auto; height:auto;}
td.blogComments object {width:549px; height:450px; max-width:550px;}
td.blogComments embed {width:549px; height:450px; max-width:550px;}
*html .main .blogComments td.blogComments  {width:450px; height:auto; overflow:hidden}

What that code does is tell the browser that any picture or video over 550 pixels wide is going to be shrunk to that size (with the height automatically proportioned….)

There’s only ONE itty bitty problem. This code will work on every browser except Internet Explorer (you know the one that 47% of your readers are using?). Works like a charm on Firefox, Safari, Netscape, Chrome and Flock though.

Why people still use Internet Explorer… I have no idea. It doesn’t recognize the “max-width” attribute, which is the key to this whole trick. Mozilla-based browsers smoked I.E. in the “Browser Wars” years ago. You can also use JavaScript to make it work in I.E., but that’s a major “no-no” on MySpace.

The best you can do here is cut off anything longer than 550 px; from the screen in I.E…

I don’t care what the blog looks like in Internet Explorer, anyway. I use Firefox.

Download Firefox 3 – The Best browser out there…

Download Firefox

Or….
Download Flock (The Social Browser)
Download Google Chrome
Download Apple Safari
Download Opera (Thx, Jared)

REMEMBER: Friends don’t let friends use Internet Exploder!!!!


Try and stretch out my MySpace blog with a graphic, video, or text… I DARE YA!

Subscribe to my MySpace Blog!

Eric Brooks

Musician, Programmer, Graphic Designer, Evil Clown - A thorn in the Internet's side since 1997 with no intention of stopping any time soon.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInPinterestYouTube

Published by Eric Brooks

Musician, Programmer, Graphic Designer, Evil Clown - A thorn in the Internet's side since 1997 with no intention of stopping any time soon.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions.