Search Support

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.

Learn More

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Website not displaying correctly

  • 7 uphendule
  • 29 zinale nkinga
  • Igcine ukuphendulwa ngu cor-el

more options


Firefox has stopped displaying websites correctly. When I view a certain page it does not longer align images, or show bullet points etc.

I have gone thorugh all the troubleshooting steps available online like clearing cache and history, starting in safe move. Disabling add-ons, re-installing firefox etc, but nothing helps. Other browsers display my site just fine.

Its a staging site at the moment for a new website. On the home page for example, there are 4 box areas each with a thumbnail image, which does not align with the text anymore.

Really hope someone can help me with this issue.

All Replies (7)

more options

Can you attach a screenshot?

Use a compressed image type like PNG or JPG to save the screenshot.

Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.

  • Press and hold Shift and left-click the Reload button.
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Command + Shift + R" (MAC)

Make sure that you allow pages to choose their colors and that you haven't enabled High Contrast in the Accessibility settings.

  • Firefox > Preferences > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"

See also:

more options

HI there,

Just followed your steps, but it has not changed the issue. Thanks for trying to me me out with this one though. I really appeciate it.

See screenshots attached...

1st - images dont align 2nd - no bullet points show on page

more options

The errors are caused by an error with quotes in the style.css file at line number 1528 that causes Firefox to skip the rest of the file.

.infobox p {
	background: url(') no-repeat 15px center;

Should be:

.infobox p {
	background: url('') no-repeat 15px center;
more options

awesome, that was it. I am so greatful you figuring that out. Out of curiosity though, why did this only happen on firefox? as in safari and chrome the pages still looked fine.

more options

You're welcome.

Firefox doesn't always recover gracefully from errors in a CSS file and reads the entire file till the end and that causes all CSS rules after the error not to get applied.

Firefox comes with some very powerful developments tools.

In this case the Web Console (Web Developer > Web Console;Ctrl+Shift+K) showed me the error and the style editor allowed me to make the change to check if it worked.

Okulungisiwe ngu cor-el

more options

Hello, sorry for a 3 month bump but I have the same problem as the OP.

This is how my website displays on any other browser: And this is how it appears in Firefox(many users have complained about the problem):

Notice that all the content of the page has gone to the right for some reason. I have tried the troubleshoot, but nothing really worked there. I also thought that the problem was in the style.css file, but I can't figure out what exact place the problem was in.

more options

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

You can check the Error Console or the Web Console for CSS errors.

This can be caused by a missing clear rule (clear:both) and floating content.