Simple Machines Community Forum

SMF Support => SMF 2.0.x Support => Topic started by: ninaudp on January 15, 2010, 11:23:56 PM

Title: Large Images In FireFox Not contained
Post by: ninaudp on January 15, 2010, 11:23:56 PM
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.
(http://i296.photobucket.com/albums/mm178/ninaudp/2010_01/firefoxImageonSMF.jpg)

Is there a solution?
Thanks!
Title: Re: Large Images In FireFox Not contained
Post by: Kays on January 15, 2010, 11:54:00 PM
Hi, you can change the size of posted images in the Admin CP > Features and Options > Basic Features
Title: Re: Large Images In FireFox Not contained
Post by: ninaudp on January 16, 2010, 12:02:05 AM
Thank you! I tried that and it has no effect.
Title: Re: Large Images In FireFox Not contained
Post by: ninaudp on January 16, 2010, 12:06:30 AM
Internet Explorer is applies a scroll bar and works great
This is with the image size settings at 0 in the admin panel

(http://i296.photobucket.com/albums/mm178/ninaudp/2010_01/imageinIE.jpg)
Title: Re: Large Images In FireFox Not contained
Post by: Kays on January 16, 2010, 08:53:57 AM
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:


/* 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.
Title: Re: Large Images In FireFox Not contained
Post by: ninaudp on January 16, 2010, 09:31:42 AM
Thank you  Kays  ;D
I am giving it a try. I'll let you know if it resolves it.
Cheers!
Title: Re: Large Images In FireFox Not contained
Post by: ninaudp on January 16, 2010, 10:18:13 AM
Uggg.... still not working.
Title: Re: Large Images In FireFox Not contained
Post by: ninaudp on January 16, 2010, 03:25:25 PM
Hi, am I the only on experiencing this issue with FireFox? Even the default theme is doing it.
Title: Re: Large Images In FireFox Not contained
Post by: Kays on January 16, 2010, 03:32:50 PM
The only way I could get it to add the scroll bars is by adding overflow: scroll; to:


.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.
Title: Re: Large Images In FireFox Not contained
Post by: willerby on February 13, 2010, 10:19:00 AM
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
Title: Re: Large Images In FireFox Not contained
Post by: Kays on February 13, 2010, 10:57:12 AM
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.
Title: Re: Large Images In FireFox Not contained
Post by: willerby on February 13, 2010, 11:46:33 AM
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?
Title: Re: Large Images In FireFox Not contained
Post by: Kays on February 13, 2010, 01:31:07 PM
It's the Curve theme. Switch to the Core theme and you'll see the behaviour is different.
Title: Re: Large Images In FireFox Not contained
Post by: willerby on February 14, 2010, 11:07:25 AM
That would explain it...

Surely it can't be that difficult to offer a temporary fix then?
Title: Re: Large Images In FireFox Not contained
Post by: Kays on February 14, 2010, 11:45:06 AM
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:


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


and add after it:


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


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


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


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