This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Thread ini telah diarkib. Sila tanya soalan baru jika anda perlu bantuan.

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?
Lampirkan skrinsyot

Penyelesaian terpilih

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.

Baca jawapan ini dalam konteks 👍 2

All Replies (1)

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

Penyelesaian Terpilih

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.

Diubah oleh jscher2000 - Support Volunteer