X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

Website not displaying correctly

Posted

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.

Additional System Details

Sites Affected

http://pontus.webcity.com.au/~cli21036/

Installed Plug-ins

  • Shockwave Flash 11.4 r402
  • Displays Java applet content, or a placeholder if Java is not installed.
  • Plugin that detects installed Citrix Online products (visit www.citrixonline.com).
  • A plugin to detect whether the Adobe Application Manager is installed on this machine.
  • The Flip4Mac WMV Plugin allows you to view Windows Media content using QuickTime.
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
  • Office Live Update v1.0
  • iPhoto6

Application

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:15.0) Gecko/20100101 Firefox/15.0.1

More Information

Application Basics
Name
Firefox
Version
15.0.1
User Agent
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:15.0) Gecko/20100101 Firefox/15.0.1
Profile Folder
Show in Finder
Enabled Plugins
about:plugins
Build Configuration
about:buildconfig
Crash Reports
about:crashes
Memory Use
about:memory
Extensions
Name
Version
Enabled
ID
MozBar
2.3
true
toolbar@seomoz.org
Page Speed
1.12.9.1
true
{e3f6c2cc-d8db-498c-af6c-499fb211db97}
RankChecker
1.8.20
true
rankchecker@seobook.com
SearchStatus
1.41
true
{d57c9ff1-6389-48fc-b770-f78bd89b6e8a}
Seo Toolbar
1.1.36
true
seotoolbar@seobook.com
Web Developer
1.2.2
true
{c45c406e-ab73-11d8-be73-000a95be3b12}
Facebook Toolbar
1.8.2
false
firefox@facebook.com
Firebug
1.10.3
false
firebug@software.joehewitt.com
Google Analytics GoalCopy
1.1.2
false
goalcopy@john.henson
Google Toolbar for Firefox
7.1.20110512M
false
{3112ca9c-de6d-4884-a869-9855de68056c}
Zemanta
1.0
false
firefox@zemanta.com
Important Modified Preferences
Name
Value
accessibility.typeaheadfind.casesensitive
1
accessibility.typeaheadfind.flashBar
0
browser.cache.disk.capacity
1048576
browser.cache.disk.smart_size.first_run
false
browser.cache.disk.smart_size_cached_value
901120
browser.fixup.alternate.enabled
false
browser.places.smartBookmarksVersion
4
browser.startup.homepage_override.buildID
20120905151427
browser.startup.homepage_override.mstone
15.0.1
browser.zoom.full
false
extensions.lastAppVersion
15.0.1
network.cookie.prefsMigrated
true
network.image.imageBehavior
0
places.database.lastMaintenance
1348463855
places.history.expiration.transient_current_max_pages
100664
places.last_vacuum
1300258302
print.macosx.pagesetup-2
PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHBsaXN0IFBVQkxJQyAiLS8vQXBwbGUvL0RURCBQTElTVCAxLjAvL0VO…
print.print_bgcolor
false
print.print_bgimages
false
print.print_command
print.print_downloadfonts
false
print.print_evenpages
true
print.print_in_color
true
print.print_margin_bottom
0.5
print.print_margin_left
0.5
print.print_margin_right
0.5
print.print_margin_top
0.5
print.print_oddpages
true
print.print_orientation
0
print.print_page_delay
50
print.print_pagedelay
500
print.print_paper_data
0
print.print_paper_height
11.00
print.print_paper_size_type
1
print.print_paper_size_unit
0
print.print_paper_width
8.50
print.print_printer
print.print_reversed
false
print.print_scaling
1.00
print.print_shrink_to_fit
true
print.print_to_file
false
print.print_unwriteable_margin_bottom
57
print.print_unwriteable_margin_left
25
print.print_unwriteable_margin_right
25
print.print_unwriteable_margin_top
25
privacy.cpd.downloads
false
privacy.cpd.formdata
false
privacy.cpd.history
false
privacy.cpd.sessions
false
privacy.sanitize.migrateFx3Prefs
true
privacy.sanitize.timeSpan
0
security.warn_viewing_mixed
false
Graphics
Vendor ID
0x10de
Device ID
0x 863
WebGL Renderer
NVIDIA Corporation -- NVIDIA GeForce 9400M OpenGL Engine -- 2.1 NVIDIA-7.18.18
GPU Accelerated Windows
1/1 OpenGL
AzureBackend
quartz
JavaScript
Incremental GC
0
Library Versions
Expected minimum version
Version in use
NSPR
4.9.1
4.9.1
NSS
3.13.6.0 Basic ECC
3.13.6.0 Basic ECC
NSS Util
3.13.6.0
3.13.6.0
NSS SSL
3.13.6.0 Basic ECC
3.13.6.0 Basic ECC
NSS S/MIME
3.13.6.0 Basic ECC
3.13.6.0 Basic ECC

cor-el
  • Top 10 Contributor
  • Moderator
10759 solutions 96838 answers

Helpful Reply

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:

Question owner

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

cor-el
  • Top 10 Contributor
  • Moderator
10759 solutions 96838 answers

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

Question owner

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.

cor-el
  • Top 10 Contributor
  • Moderator
10759 solutions 96838 answers

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.

Modified by cor-el

Polshevik 0 solutions 1 answers

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.

cor-el
  • Top 10 Contributor
  • Moderator
10759 solutions 96838 answers

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.