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…

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!