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.
- If you receive error messages when trying to load websites, see the Websites don't load - troubleshoot and fix error messages article instead.
- If any of the more specific articles below apply to you, see those articles first:
Table of Contents
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 menu, then select , then click .
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:
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button and select .
- Select the panel.
- Click on the tab.
- In the Offline Storage section, click .
- Close the 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:
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button and select .
- Click to select the panel.
- In the Fonts & Colors section, click .
- 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:
- In the Menu bar at the top of the screen, click and then select or , depending on your macOS version.Click the menu button and select .
- Click to select the panel.
- Make sure that Enable JavaScript is checked.
- Close the 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)