Can you not just use JS to detect the browser and execute the relevant code based on the output?You're giving me PTSD right now.
I hate the backgrounds. It took me ages to get the coding in place to have them work, but they still don't work properly.
There's a "difference of opinion" on how the CSS for the backgrounds is interpreted by browsers. So on Firefox, they shrink and grow, but on Chrome, it's a single full-screen image all the time.
I spent about a week trying all kinds of different code, rewriting, rearranging, different parameters, etc. Then read up about the particular CSS and foun dout that it's not standard and browsers do what they like.
Anyway, PMBO for me
It's the actual CSS code that is the issue. That's no alternative CSS depending on the browser.Can you not just use JS to detect the browser and execute the relevant code based on the output?
In fact I think you can do that within CSS itself these days, but I’m rusty and out of date so unsure… 100% Positive it can (or at least could) be done with JS though.
Having said that, it’s really not worth the effort, works just fine, and if it bugs anybody, you have the flat colour backgrounds
Like I said, I’m very rusty, but it sounds like you want the image to scale to the window size and stay stationary in the background whilst the user scrolls. With the stationary part being the most important attribute. There used to be a separate attribute to force this stationary when scrolling behaviour… I think (though I’m not sure!) the attributes to force a scalable image that sits stationary when scrolling were something like this…It's the actual CSS code that is the issue. That's no alternative CSS depending on the browser.
I can't remember the exact code, but it's like if you wanted to left align, you would use "left". Chrome left aligns, but Firefox does a silly little song about pixies and goblins before putting it to the right.
It's a scaling/full screen code. Chrome scales the image to the physical browser display size (so you always see the whole image). Firefox scales to the data on the web page. On the forums, if the topic is one post long, it's fine. If it's 6,000 lines long, the image stretches for all the scrollable amount.
I could start doing browser checks and just have Firefox forced to a specific image resolution, but then you lose screen scaling compatibility on things like mobiles. It's not worth it, as it would still be borked
width: 100%;
position: absolute;
top: 0;
left: 0;
Yep, if anybody is still using firefox… They deserve every quirk they getYep, that looks like the code. Firefox doesn't parse it like that. It determines the entire scrollable page on the forums as absolute, not the browser window size.
It works fine for most sites, it's just forums, because of the way they stretch and contact dynamically depending on the content. I may just be the way or forums format to be honest, but Firefox is the culprit.
Not a major issue, most people use a firm of Chrome
I'll bet @zen really regrets opening this can of worms now
That’s because it’s now Chromium basedFury and Hyperion - and recent weaks on the Edge browser seem to have fixed the scaling issue @furie !
...I admit I'd see the funny side if everyone's background now suddenly changed to a hi-res version of this, purely for troll purposes...It’s never been a big enough issue for me to post about it, but now this thread exists - every few weeks my background choice resets itself and I end up PMBO. I wouldn’t mind so much but it’s potentially the worst coaster in Europe