cancel
Showing results for 
Search instead for 
Did you mean: 

Website not displaying correctly

Highlighted
New User

Website not displaying correctly

Hi,

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.

7 REPLIES
Site Moderator

Re: Website not displaying correctly

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:

New User

Re: Website not displaying correctly

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

2012-09-27-19-44-10-345e86.png 2012-09-27-19-44-02-cf547d.png
Site Moderator

Re: Website not displaying correctly

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;
}
New User

Re: Website not displaying correctly

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.

Site Moderator

Re: Website not displaying correctly

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.

New User

Re: Website not displaying correctly

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: http://puu.sh/1R3XL And this is how it appears in Firefox(many users have complained about the problem): http://puu.sh/1R3Ye

Notice that all the content of the page has gone to the right for some reason. I have tried the Mozilla.org 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.

Site Moderator

Re: Website not displaying correctly

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.