Large Images In FireFox Not contained

[ninaudp]

Hi, SMF 2.0 is working great in IE, but in FireFox large images that are in a post, are doing this:
The image busts out of the main body of the forum, no horizontal scroll bar appears.


Is there a solution?
Thanks!

[Kays]

Hi, you can change the size of posted images in the Admin CP > Features and Options > Basic Features

[ninaudp]

Thank you! I tried that and it has no effect.

[ninaudp]

Internet Explorer is applies a scroll bar and works great
This is with the image size settings at 0 in the admin panel

[Kays]

Any sizes in put there will only take effect on new images posted or if a post is edited.

In css/index.css in the theme you are using look for:

Code Select Expand


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
overflow: auto;
line-height: 1.4em;
padding: 0.1em 0;
}


And change overflow from auto to scroll.

If there's no change, Ctrl + F5 to refresh the page.

[ninaudp]

Thank you  Kays 
I am giving it a try. I'll let you know if it resolves it.
Cheers!

[ninaudp]

Uggg.... still not working.

[ninaudp]

Hi, am I the only on experiencing this issue with FireFox? Even the default theme is doing it.

[Kays]

The only way I could get it to add the scroll bars is by adding overflow: scroll; to:

Code Select Expand


.inner
{
padding: 1em 1em 0 0;
margin: 0 1em 0 0;
border-top: solid 1px #99a;
}


Don't know what else it will affect though.

[willerby]

This is bugging me too...

On small screen size the 800 max width I have set for images historically in my forum, now burst out of the post frame in firefox. They didn't do this before upgrading to RC2...

Kays fix above works but adds ugly scroll bars in the post text itself regardless of whether a phot is there or not. Can anyone suggest a css fix for Firefox? I've reduced image limiti to 600 for new posts but all my old stuff now looks bad...

W

[Kays]

For posted images, once the size is set, you need to go in to modify the message and img tag to get it to resize. Which is a bit if a pain.

[willerby]

Just googled some MySQL code to find and replace all 800 width image tags in the database. Took less than an hour to reduce them all to 600 width and reset the heights appropriately. Thanks anyway.

Does anyone know why Firefox should suddenly start breaking frames with images after RC2?

[Kays]

It's the Curve theme. Switch to the Core theme and you'll see the behaviour is different.

[willerby]

That would explain it...

Surely it can't be that difficult to offer a temporary fix then?

[Kays]

It's due to the fact that everything is enclosed in divisions (<div>) and they behave diifferntly than the tables which were used before. One fix, albeit a bit ugly, is in index.template.php look for:

Code Select Expand


echo !empty($settings['forum_width']) ? '


and add after it:

Code Select Expand


echo '<table><tr><td>';


Then look the same code again in template_html_below() and add before it:

Code Select Expand


echo '</td></tr></table>';


Also in the index.css for .post and .inner change the overflow to visible