When someone leaves a long comment in my gallery, it causes the page to extend to the right with empty space.

I tried to fix it by restricting the width of the comments with this CSS, but is doesn't fix the page width issue.

#comment {
width:1200px;
margin-left: 0pt;
margin-right: auto;
}

Please post a link to a particular gallery that has this issue so we can see for ourselves.

Originally Posted by jfriend Please post a link to a particular gallery that has this issue so we can see for ourselves.

Thanks John.

http://www.vijayraman.com/Portfolio/...42775432_8NgvU

I don't see the effect you're talking about at all. When I take out the CSS you put in for the comments, the page behaves normally for me - same as any other gallery, even one with no comments.

Originally Posted by jfriend I don't see the effect you're talking about at all. When I take out the CSS you put in for the comments, the page behaves normally for me - same as any other gallery, even one with no comments.

Thanks for checking. On this particular page, I am able to scroll left to right, as there is space added to the right. You can see it on the screenshot. There is also a vertical bar added on the top right, next to "View Cart". None of the galleries without comments have any extra space to the right. I also tried a short comment and it didn't cause any problems, only when the text took up more than one line in the comments. I am seeing it both on Safari and Firefox. Not sure why it displays properly for you, but not for me.

Originally Posted by VRaman Thanks for checking. On this particular page, I am able to scroll left to right, as there is space added to the right. You can see it on the screenshot. There is also a vertical bar added on the top right, next to "View Cart". None of the galleries without comments have any extra space to the right. I also tried a short comment and it didn't cause any problems, only when the text took up more than one line in the comments. I am seeing it both on Safari and Firefox. Not sure why it displays properly for you, but not for me.

I see it now. The issue is caused by this piece of your CSS:

/* align footer on one line */
#feeds {
   position: relative;
   width: 200px;
   margin: 0 auto;
   left: 276px;
   top: -30px;
}

The problem is caused by a really poorly written theme (Carbonite) that makes it very difficult to override anything in the theme (including the width of the feeds div).

You can fix the issue by removing the CSS you put in for the comments and then change the feeds block of CSS to this and then adding the block in red:

/* align footer on one line */
#feeds {
   position: relative;
   margin: 0 auto;
   left: 330px;
   top: -30px;
}

#bodyWrapper #cobrand_footer #feeds {width: 200px !important; text-align: left;}

Thanks so much John! I appreciate your help.