When posting a graphic in the comment box that is larger than 500 pixels wide it will stretch the member's page (please try to be considerate).

A quick fix for this problem is to delete the comment with the large graphic and the page should go back to it's original size.

The following code can be copied and then pasted into the CSS box located at the bottom of the Design My Profile settings to keep the profile page from being stretched out:

.comment-text { overflow: auto; position: relative; width: 500px;
}

Note: The left side of the page is smaller by default .. to keep your page balanced .. placing smaller graphics (320 pixels in width) on the left and larger graphics (500 pixels) on the right side works nicely for a 17 inch monitor.

FYI - The size control code isn't needed if you are using a NOTH-Layout background on your page as it's already included (most of the time I think).

Thanks to Altara33606 and DeanH, the following code can be copied and pasted into the CSS box located in the Design My Profile settings to control the width as well as the height of a comment box:

.comment-text {width: 500px;max-height:400px;height:auto !important;height:400px;overflow:auto;}

I placed the code at the very bottom of my CSS box and it works very well with the NOTH-Layout I am currently using.

So, this new one can be used in place of the previous code, or do both need to be added?

You can replace the old one with the new code.

Thanks!  Just wanted to be sure.

As I was posting comments yesterday, I was surprised to discover that a lot of members aren't using a comment 'size control' code either because they don't know about it or by choice.

What happens when you don't use the 'size control' code you ask?  If someone posts a large graphic in the comment section of your page .. you might discover that everything on the left side has been reduced in size and you will have to move a scroll bar located at the bottom to view the right side of your page.

To keep that from happening, try using one of the following codes (copy it and paste it in the CSS box of Design My Profile:

.comment-text { overflow: auto; position: relative; width: 500px;
}

.comment-text {width: 500px;max-height:400px;height:auto !important;height:400px;overflow:auto;}