Avatar for Username

Buscar en Ayuda

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

Este tema ha sido archivado. Haz una nueva pregunta si necesitas ayuda.

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?
Capturas de pantalla adjuntas

Solución elegida

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.

Leer esta respuesta en su contexto 👍 2

Todas las respuestas (1)

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

Solución elegida

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.

Modificadas por jscher2000 - Support Volunteer el