image re-sizing in Expressionengine Discussion Forums

Question

I am using ExpressionEngine 2.5.5 and Discussion Forum 3.1.10.

Issue i am having it will not re-size photos when my members post them as Image Links, it works in Chrome browser but it will not work in Firefox or IE.

When you look at the forum post where photo is posted with chrome browser it is nicely re-sized to fit the look of the forum.

However if you look at the same post where image is in Firefox or IE the image is huge (true size) and breaks the look of the forum.

Any suggestions on how to fix or where to look would be much appreciated.

Answer 1

Sounds like you need to modify the CSS file of the forum theme. This example is working blind as I don't have it installed, but this may work if you can find where the CSS is being set for the image. Set the maximum width to a pixel value or even try max-width: 100%.

A guessing example

.post img {
max-width: 480px;
}

or

.post img {
max-width: 100%;
}

I run into this problem if images don't have a specified width in the stylesheet. Images larger than the the width of the table cell will stretch the cell.