Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

my auto-scale background photo on my site no longer works since version 14 it also depends on scrollbar!

  • 9 replies
  • 1 has this problem
  • 1 view
  • Last reply by EvD

more options

Please have a look at my site www.roosboum.nl and try ctrl- and ctrl+ to zoom. If you compare this with any version of IE or Chrome you'll find that since version 14 FF has stopped properly outlining the backgroundimage. Also I noticed in other pages, it sometimes works better if you add and remove(!) the searchbar with Ctrl F, that it's suddenly adapts to what it should have been in the first place. Also when using a vertical taskbar in windows, FF does not see this and a horizontal scrollbar is displayed which I find highly unworkable. I now have to zoom out to see the page with scrollbar :-(

I've seen these issues on three totally different pc's and can't resolve the issue cause it was working well for years! This is a major setback cause I always advertise for using FF and now my main site is no longer displayed well.

I'm not far away from going back to chrome which I can't emphasize enough is pure disapointment.

I'm a technician and programmer, you can ask me for any detail as you feel fit. I'm glad to be of any help. Awaiting your reply, Erwin van Dijk

Please have a look at my site www.roosboum.nl and try ctrl- and ctrl+ to zoom. If you compare this with any version of IE or Chrome you'll find that since version 14 FF has stopped properly outlining the backgroundimage. Also I noticed in other pages, it sometimes works better if you add and remove(!) the searchbar with Ctrl F, that it's suddenly adapts to what it should have been in the first place. Also when using a vertical taskbar in windows, FF does not see this and a horizontal scrollbar is displayed which I find highly unworkable. I now have to zoom out to see the page with scrollbar :-( I've seen these issues on three totally different pc's and can't resolve the issue cause it was working well for years! This is a major setback cause I always advertise for using FF and now my main site is no longer displayed well. I'm not far away from going back to chrome which I can't emphasize enough is pure disapointment. I'm a technician and programmer, you can ask me for any detail as you feel fit. I'm glad to be of any help. Awaiting your reply, Erwin van Dijk

Chosen solution

I'm not seeing anything of such effects.

Is Firefox zooming that background image?


Start Firefox in Safe Mode to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).

  • Do not click the Reset button on the Safe mode start window or otherwise make changes.

Try to disable hardware acceleration in Firefox.

Read this answer in context 👍 0

All Replies (9)

more options

Note that you use <br> tags to position the menu bar, so increasing the font size or otherwise make changes that effect the text zoom can move that menu bar down.
I also see a repeat of the top background image if full page zoom is disabled (i.e. Zoom > Zoom Text Only is selected).


You should find a better way to position that part of the page.

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

Modified by cor-el

more options

Thank you very much for looking into this matter, but first ; I use Xsite-pro (from intellimon) to publish my pages so can't influence the way the code is output. Second, how do you explain it used to work perfectly in all browsers and suddenly only FF14 and onwards show this problem? That is not be doing bad programming, is it? Third, if you zoom out a few steps, you'll see that suddenly the background photo is fully scaled, zooming back in again brings up this weird white bar on the right. No, I'm convinced some implementation of code went wrong during the upgrade only nobody at Mozilla noticed... How can I get them to look into this? Thanks for you time anyway, Erwin.

more options

I'm not seeing a white bar after zooming out and zooming in again.

Are you using full page zoom?

Is the default minimum font size set to none?

  • Tools > Options > Content : Fonts & Colors > Advanced > Minimum Font Size (none)
  • Tools > Options > Content : Fonts & Colors > Advanced > [X] "Allow pages to choose their own fonts, instead of my selections above"

Can you attach a screenshot?

Use a compressed image type like PNG or JPG to save the screenshot.

(I noticed that the <br> got missing in my above post; I've corrected it)

more options

I uploaded example, see red oval on right where it should fill out but is does only this if there is no vertical scrollbar. So zooming out solves it once the vertical scrollbar dissappears! I just discovered this similarity with the vertical scrollbar, it might help triggering why this happens?

I made myself member too on mozillazine.org forum and placed this same question. Would be great if I could finally resolve this.

Yes the minimum fontsize was none, tried it to set at 9 for test but no difference. Full screen F11 zoom gives less white bar cause the screen is now longer and so the background picture suddenly bigger... It proves my point above that there is some sort of relation with the vertical scrollbar....

more options

by the way, can you tell me which version FF and OS you're using to view the site? I disabled Avast anti virus cause all pc's had that in common, but no luck again :-(

more options

Chosen Solution

I'm not seeing anything of such effects.

Is Firefox zooming that background image?


Start Firefox in Safe Mode to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).

  • Do not click the Reset button on the Safe mode start window or otherwise make changes.

Try to disable hardware acceleration in Firefox.

more options

Hello Cor-el ; I've done some more research with your help. Safe mode and re-initialising won't help. WinXP-sp3, Vista-sp2, Win7 all do the same error so it's not OS related I guess. I'm very sure the problem arrived after updating FF and that must have been going from FFv12 to v14, but on the other Mozillazine forum somebody made a remark about jQuery and the script I'm using for doing the auto-scaling. Apart from the fact appearantly my solution is out-of-date, it might also be jQuery that has changed! Cause suddenly my old Win-Vista is showing this weird behaviour too... I can't have over looked this cause that used to be the pc on which I wrote those pages :-((

Now I won't rest until I got this issue solved ...

more options

And I solved it !!! It is actually more by doing the auto-scale function with CCS3 (I'm not very up2date here) Here's the trick :

<style type="text/css">
.background {
background-image: url(../images/spiegel6.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
#page-wrap { position: relative; margin: 0px auto; padding: 0px; }
</style>
</head>
<body>
<!--[if !lte IE 6]><!-->
<div class="background">
<!--<![endif]-->
<div id="page-wrap">
<center><table class="XSP_OUTLI-------- etc. rest of page


So again thanking you for your time and effort. Erwin

Modified by cor-el

more options

Minor setback yesterday with the solution above : it doesn't work with IE8 (but what's new it's allways bloody IE that ruins the fun)

BUT now I finally have a solution that does not invoke jQuery (MIND YOU : this forum turn the "hash background" into "1. Background"!!!


<style>
#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
}
.stretch { min-width:100%; min-height:100%; width:auto; height:auto; }
</style>

<body>
<div id="background">
    <img src="images/spiegel6.png" class="stretch" alt="" />
</div>

Thanks for the support above!!! Erwin

Modified by cor-el