X
Πατήστε εδώ για μετάβαση στην έκδοση της ιστοσελίδας για κινητές συσκευές.

Φόρουμ υποστήριξης

Our website doesn't display properly on Firefox

Δημοσιεύτηκε

Our business website has recently been relaunched, it displays fine on other browsers but is beyond broken on Firefox. I've attached a screenshot of how it looks on Chrome, to see how it looks on Firefox here is our url: https://www.exegetic.biz/.

As you can see it's VASTLY different and VERY frustrating. I've done a fair amount of reading as to what the issue could be but all the suggestions I have found are end user based... For example emptying the cache, clearing cookies, checking the zoom etc. This doesn't really help since I've looked at the site on various devices with FireFox and they all appear the same...

Has anyone else experienced this? Any help would e greatly appreciated!

Our business website has recently been relaunched, it displays fine on other browsers but is beyond broken on Firefox. I've attached a screenshot of how it looks on Chrome, to see how it looks on Firefox here is our url: https://www.exegetic.biz/. As you can see it's VASTLY different and VERY frustrating. I've done a fair amount of reading as to what the issue could be but all the suggestions I have found are end user based... For example emptying the cache, clearing cookies, checking the zoom etc. This doesn't really help since I've looked at the site on various devices with FireFox and they all appear the same... Has anyone else experienced this? Any help would e greatly appreciated!

Επιλεγμένη λύση

You are using the following line to load your CSS file:

<link rel="preload" href="/css/style.css" as="style" onload="this.rel='stylesheet'">

This is an experimental feature. The rel value preload is not supported in Firefox and is only supported by Google Chrome. Therefore, Firefox can't see your CSS file and your elements aren't being styled correctly.

It's a simple fix. Just change that line to:

<link rel="stylesheet" href="/css/style.css">

For more information, please refer to Preloading content with rel="preload" on MDN.

Hope this helps.

Ανάγνωση απάντησης σε πλαίσιο 2

Επιπρόσθετες λεπτομέρειες συστήματος

Εφαρμογή

  • Πλατφόρμα χρήστη: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36

Περισσότερες πληροφορίες

Wesley Branton
  • Top 10 Contributor
644 λύσεις 5241 απαντήσεις
Δημοσιεύτηκε

Επιλεγμένη λύση

You are using the following line to load your CSS file:

<link rel="preload" href="/css/style.css" as="style" onload="this.rel='stylesheet'">

This is an experimental feature. The rel value preload is not supported in Firefox and is only supported by Google Chrome. Therefore, Firefox can't see your CSS file and your elements aren't being styled correctly.

It's a simple fix. Just change that line to:

<link rel="stylesheet" href="/css/style.css">

For more information, please refer to Preloading content with rel="preload" on MDN.

Hope this helps.

You are using the following line to load your CSS file: <code><link rel="preload" href="/css/style.css" as="style" onload="this.rel='stylesheet'"></code> This is an experimental feature. The <code>rel</code> value <code>preload</code> is not supported in Firefox and is only supported by Google Chrome. Therefore, Firefox can't see your CSS file and your elements aren't being styled correctly. It's a simple fix. Just change that line to: <code><link rel="stylesheet" href="/css/style.css"></code> For more information, please refer to [https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content Preloading content with rel="preload"] on MDN. Hope this helps.
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

Wesley Branton is the man!!! Thank you SO SO much!

Also, thanks for also including the link to the MDN article!

Wesley Branton is the man!!! Thank you SO SO much! Also, thanks for also including the link to the MDN article!
Wesley Branton
  • Top 10 Contributor
644 λύσεις 5241 απαντήσεις
Δημοσιεύτηκε

No problem! Glad I could help!

No problem! Glad I could help!