Avatar for Username

ค้นหาฝ่ายสนับสนุน

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.

เรียนรู้เพิ่มเติม

หัวข้อนี้ถูกเก็บถาวรแล้ว โปรดถามคำถามใหม่หากคุณต้องการความช่วยเหลือ

Firefox not displaying website correctly

  • 1 การตอบกลับ
  • 5 คนมีปัญหานี้
  • 1 ครั้งที่ดู
  • ตอบกลับล่าสุดโดย jscher2000 - Support Volunteer

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?
ภาพหน้าจอที่แนบมา

วิธีแก้ปัญหาที่เลือก

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.

อ่านคำตอบนี้ในบริบท 👍 2

การตอบกลับทั้งหมด (1)

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

วิธีแก้ปัญหาที่เลือก

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.

เปลี่ยนแปลงโดย jscher2000 - Support Volunteer เมื่อ