Different Browsers Displaying Differently (SOLVED :) )

Hi Sparklers,

I’m seeing a couple effects that are puzzling. I thought I’d ask here before contacting Duncan et al. Details with images on each issue follow; along with direct links to the website for testing. Particularly appreciated if you could test using different operating systems, versions, and/or devices.

  1. The box image displays differently on Safari (v.15) than on Firefox (Build 95).
  2. Older version of Safari (v.13x) on MB Pro renders pages differently.

Does anyone have experience with or suggestions for either issue?
Did I miss some tweak, are these (hopeless?) browser issues, or possibly Sparkleapp bugs?

Thanks for any suggestions.

#1: The box image includes Fixed, Blur (10px), Opacity (60%), and Background Filter (Brightness at 0).

A) Safari: Note the darker image, as preferred.

B) Firefox: Note the washed out image.

Link to website

#2: On a 15-inch MacBook Pro using Safari v.13 (I know, it needs updating :roll_eyes:), a number of items (images, text, boxes) are rendered out of position. The issues carry across multiple related pages. The pages all seem to work as expected on Safari 15 and Firefox, on both desktop and mobile (Mac & Android). See A and B below.

I noticed the differences after tweaking for mobile. Maybe Safari v.13 fails to correctly render because of different rules for various screen sizes?

A) Proper rendering

B) Odd rendering

Link to page on website. Scroll toward bottom.

Thank you for any suggestions and comments.

You should definitely send us the project for this.

1 Like

Thanks @duncan for the prompt response. Sent via PPecloud.net.

Thanks @duncan for the confirmations:
#1: Hopeless browser problem because Firefox doesn’t support background filters.

#2: Sparkle techs unable to reproduce. Thus, possibly an oddity due to the older versions and the “stick to top” rendering.

I’m not overly concerned about it, however. How many still using Safari v13 on a 2013 laptop? But if others observe similar problem, a note would be appreciated. The ‘error’ occurred on the company owner’s home computer; so a solution could be good. Maybe I’ll just update the browser version. :woozy_face: