We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

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

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

Firefox not displaying website correctly

silentschs
silentschs
more options

I am trying to get my website to display correctly. When the page loads, my 2 column portfolio loads correctly for an instant, then reverts to single column. Safari, Chrome, Microsoft Edge and Internet Explorer all display the page correctly. I have played with the CSS, going so far as making the min-width for each column as small as I could, but to no avail. Anyone have any ideas, or is this just chalked up to, "another reason to switch to Chrome?" and posting a notice on my website?

I am trying to get my website to display correctly. When the page loads, my 2 column portfolio loads correctly for an instant, then reverts to single column. Safari, Chrome, Microsoft Edge and Internet Explorer all display the page correctly. I have played with the CSS, going so far as making the min-width for each column as small as I could, but to no avail. Anyone have any ideas, or is this just chalked up to, "another reason to switch to Chrome?" and posting a notice on my website?
Bafoto sur écran jointes

Solution eye eponami

There's something odd about one of the scripts in your page. My Windows has a default "Text Size" of 125%, which means that all browsers have an effective zoom level of 125%. This is common for users of Windows 7, 8, 8.1, and 10, so probably most of your site visitors who use Windows.

At that default level, a script flips both Firefox and Chrome to a single column either immediately after rendering the portfolio slide-in effect or when I scroll the page. The <li> elements get assigned an inline style with "position: absolute; left: 0px; top: 0px;" (top varies from tile to tile).

In Chrome, the display stabilizes and stays in two columns when I reduce the zoom to 80% (96ppi) and reload the page. However, reducing zoom and reloading does not stabilize the layout in Firefox.

The issue might be that you have an older version of this library: 

Isotope PACKAGED v2.0.0

The current release appears to be 3.0.4. I think that's worth a try before trying to debug the code yourself.

Tanga eyano oyo ndenge esengeli 👍 2

All Replies (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Solution eye oponami

There's something odd about one of the scripts in your page. My Windows has a default "Text Size" of 125%, which means that all browsers have an effective zoom level of 125%. This is common for users of Windows 7, 8, 8.1, and 10, so probably most of your site visitors who use Windows.

At that default level, a script flips both Firefox and Chrome to a single column either immediately after rendering the portfolio slide-in effect or when I scroll the page. The <li> elements get assigned an inline style with "position: absolute; left: 0px; top: 0px;" (top varies from tile to tile).

In Chrome, the display stabilizes and stays in two columns when I reduce the zoom to 80% (96ppi) and reload the page. However, reducing zoom and reloading does not stabilize the layout in Firefox.

The issue might be that you have an older version of this library: 

Isotope PACKAGED v2.0.0

The current release appears to be 3.0.4. I think that's worth a try before trying to debug the code yourself.

Ezalaki modifié na jscher2000 - Support Volunteer