Websites look wrong or appear differently than they should
Revision Information
- Revision id: 42568
- Created:
- Creator: scoobidiver
- Comment: merged Michael_L's rev but with the reset-fx template
- 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
Clear the cookies and cache
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 cookies and cache:
- Click the menu button to open the menu panel.
- Click and select
- In the Time Range to clear: drop-down, select Everything.
- Below the drop-down menu, select both Cookies and Cache. Make sure other items you want to keep are not selected.
- Click .
Reset Zoom
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.
Reset the minimum font size
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.
Reset the page style
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 menusOn the menu barAt the top of the Firefox window, click on the menu, then select , then click .
Now that the page is using its default style, it may be displayed correctly.
Check that JavaScript is enabled and not blocked
Some sites require JavaScript 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. .
Check that JavaScript is not blocked
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.
Disable problematic extensions or hardware acceleration
Some extensions may interfere with the way websites are displayed or your graphics card and drivers don't display some web content correctly when hardware acceleration is turned on. Follow the instructions in the Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems article to see if one of these is causing the problem.
Report the website
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)