Websites look wrong or appear differently than they should

Revision Information
  • Revision id: 17381
  • Created:
  • Creator: scoobidiver
  • Comment: link to other articles related to content, completed zoom section, interfering extensions or graphics card/driver setups, added keywords
  • Reviewed: No
  • Ready for localization: No
Revision Source
Revision Content

This article deals with websites not appearing correctly in Firefox.

Page styles disabled

You may have inadvertently set the page style to "No Style". To ensure Firefox is set to use the page's default style:

  • Press the Alt key to temporarily bring up the traditional Firefox menusAt the top of the Firefox windowAt the top of the Firefox windowOn the menu bar, click on the View menu, then select Page Style, then click Basic Page Style.

Now that the page is using its default style, it may be displayed correctly.

Old version cached

Firefox caches websites, which means it saves some files on your machine so that it doesn't have to re-download everything when you visit sites. If a website has updated their code, Firefox may still be using some of the old code along with some of the new, which can make a web page display incorrectly. To fix this, you need to clear the cache:

  1. In the Menu bar at the top of the screen, click Firefox and then select Preferences or Settings, depending on your macOS version.Click the menu button Fx89menuButton and select Settings.
  2. Select the Advanced panel.
  3. Click on the Network tab.
  4. In the Offline Storage section, click Clear Now.
  5. Close the Settings page. Any changes you've made will automatically be saved.

Now that your cache is cleared, visit the website again to see if the problem is solved.

Page or Text is zoomed in or out

Some websites may not look right at different zoom levels. To reset Zoom setting, for the site, press Ctrl + 0command + 0 and for all sites, see the documentation about the Zoom add-on you use.

Minimum font size set

Some sites do not display properly with a minimum font size. To reset the minimum font size:

  1. In the Menu bar at the top of the screen, click Firefox and then select Preferences or Settings, depending on your macOS version.Click the menu button Fx89menuButton and select Settings.
  2. Click to select the Content panel.
  3. In the Fonts & Colors section, click Advanced....
  4. Change the Minimum font size to None.

Scripts blocked

Some sites require JavaScript settings and preferences for interactive web pages to display properly. JavaScript is enabled by default in Firefox, but to check its status:

  1. In the Menu bar at the top of the screen, click Firefox and then select Preferences or Settings, depending on your macOS version.Click the menu button Fx89menuButton and select Settings.
  2. Click to select the Content panel.
  3. Make sure that Enable JavaScript is checked.
  4. Close the Settings page. Any changes you've made will automatically be saved.

You should also check whether you have an extension (such as NoScript) or Internet security program (such as a firewall, antivirus, or anti-spyware program) that can block JavaScript.

Interfering extensions or graphics card/driver setups

Some extensions may interfere the way websites are displayed or the graphics card and drivers don't display right some web contents when hardware acceleration is turned on. Follow the instructions in Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems.

Website doesn't support Firefox

Occasionally, you may come across a page that simply doesn't work in Firefox. If the same page works in another browser, please report the problem by visiting Webcompat.com.

If a page that is broken in Firefox can be fixed by turning off Enhanced Tracking Protection, you can report the site by following the instructions in the How do I report a broken site in Firefox desktop? article.




Based on information from Websites look wrong (mozillaZine KB)