Websites look wrong: Difference between revisions

From MozillaZine Knowledge Base
Jump to navigationJump to search
(cleanup per In-house style plus grammar, caps, etc.)
Line 1: Line 1:
[[Gecko]]-based applications, like the [[Mozilla Suite]] and [[Firefox]] are designed from the bottom up to support sites written with [http://w3.org/ W3C] standards. However, other browsers sometimes use alternate methods to format pages which are not supported by the Mozilla Suite or Firefox. The best long term solution is to respectfully ask the website developer if they can make their page work in Mozilla. For help on doing this, visit the [http://www.mozilla.org/projects/tech-evangelism/site/ Tech Evangelism project page]. If this is not possible, there are a few things you can try to get the site to work as designed.
[[Gecko]]-based applications, like the [[Mozilla Suite]] and [[Firefox]] are designed from the bottom up to support sites written with [http://w3.org/ W3C] standards. However, other browsers sometimes use alternate methods to format pages which are not supported by the Mozilla Suite or Firefox. The best long term solution is to respectfully ask the website developer if they can make their page work in Mozilla. For help on doing this, visit the [http://www.mozilla.org/projects/tech-evangelism/site/ Tech Evangelism project page]. If this is not possible, there are a few things you can try to get the site to work as designed.


==Possible Solutions for Website Developers==
==Possible solutions for website developers==
*Make sure the coding of your website is valid and up to standards e.g. (Supports multiple OSes and Browsers) for help on this please visit the following [http://www.w3c.org/ W3C.org] (World Wide Web Consortium) and [http://www.htmlhelp.com/ HTMLhelp.com].  
*Make sure the coding of your website is valid and up to standards (e.g., supports multiple OSes and browsers). For help on this please visit [http://www.w3c.org/ W3C.org] (World Wide Web Consortium) and [http://www.htmlhelp.com/ HTMLhelp.com].  
*To check the validation of your website visit both [http://validator.w3.org/ HTML Validator] and [http://jigsaw.w3.org/css-validator/ CSS Validator].
*To check the validation of your website visit both [http://validator.w3.org/ HTML Validator] and [http://jigsaw.w3.org/css-validator/ CSS Validator].
*View and edit website coding in Firefox through a Real-time HTML Editor [http://www.squarefree.com/htmledit/]
*View and edit website coding in Firefox through a real-time HTML editor [http://www.squarefree.com/htmledit/].
*Firefox extensions: [http://users.skynet.be/mgueury/mozilla/ HTML Validator] and [http://chrispederick.com/work/webdeveloper/ Web Developer] can be helpful with validation and html source.
*Firefox extensions [http://users.skynet.be/mgueury/mozilla/ HTML Validator] and [http://chrispederick.com/work/webdeveloper/ Web Developer] can be helpful with validation and HTML source.
*There is also multiple tools that can validate your website for you, e.g. [http://www.w3.org/People/Raggett/tidy/ HTML Tidy], [http://www.chami.com/html-kit/ HTML-Kit], [http://www.w3.org/Tools/ W3C tools]
*There are also multiple tools that can validate your website for you, e.g. [http://www.w3.org/People/Raggett/tidy/ HTML Tidy], [http://www.chami.com/html-kit/ HTML-Kit], and [http://www.w3.org/Tools/ W3C tools].


== Possible Solutions for Users ==
== Possible solutions for users ==
* Make sure Tools -> Options -> Web features -> Load Images [For originating web site only] is unchecked -> Reload page if needed
* Make sure "Tools -> Options -> Web features -> Load Images [For originating web site only]" is unchecked. Reload page if needed.
* Clear everything out such as your cache, and cookies: Tools -> Options -> Privacy then exit Firefox and try it again.
* Clear everything out such as your cache, and cookies: "Tools -> Options -> Privacy" then exit Firefox and try it again.
* View -> Page style -> change [No Style] to whatever is there if it's not already checked.
* Go to "View -> Page style" and change "No Style" to whatever is there if it's not already checked.
* If you have Adblock check it from the status bar to see if anything is being blocked, and remove it from adblocks preference window Tools -> Extensions -> double click Adblock
* If you have Adblock check it from the status bar to see if anything is being blocked, and remove it from Adblock's preference window: "Tools -> Extensions", then double-click "Adblock".
* Tools -> Options -> Web features -> Load Images -> [Exceptions] remove any culprits and press okay.
* "Tools -> Options -> Web features -> Load Images -> [Exceptions]", and remove any culprits and press "OK".
* Make sure your firewall isn't blocking the Mozilla Suite or Firefox from getting page content.
* Make sure your firewall isn't blocking the Mozilla Suite or Firefox from getting page content.
* The page may require cookies or popup windows. Enable these features via "Tools -> Options -> Web Features" in Firefox (see also [http://www.mozilla.org/support/firefox/options]).
* The page may require cookies or popup windows. Enable these features via "Tools -> Options -> Web Features" in Firefox (see also [http://www.mozilla.org/support/firefox/options]).
* The page may require [[JavaScript]]. Configure JavaScript via "Tools -> Options -> Web Features (-> Advanced)" in Firefox.
* The page may require [[JavaScript]]. Configure JavaScript via "Tools -> Options -> Web Features (-> Advanced)" in Firefox.
* The page may require Java. Enable Java via "Tools -> Options -> Web Features" in Firefox. Alternatively, try installing [http://java.sun.com/j2se/downloads/index.html Sun's Java] (J2SE JRE). [[Firefox : FAQs : Install_Java | Detailed help for Firefox]] (''but this can also be used for the Mozilla Suite'').
* The page may require Java. Enable Java via "Tools -> Options -> Web Features" in Firefox. Alternatively, try installing [http://java.sun.com/j2se/downloads/index.html Sun's Java] (J2SE JRE). [[Java | Detailed help for Firefox]] (''but this can also be used for the Mozilla Suite'').
* If the problem is with a plugin, like Flash or Windows Media Player, look at [http://forums.mozillazine.org/viewtopic.php?t=64337 this forum thread].
* If the problem is with a plugin, like Flash or Windows Media Player, look at [http://forums.mozillazine.org/viewtopic.php?t=64337 this forum thread].
* See [[Error loading some websites]]
* See [[Error loading some websites]].
* Sometimes layout problems can be fixed by [[Incremental reflow bugs | forcing a page reflow]].
* Sometimes layout problems can be fixed by [[Incremental reflow bugs | forcing a page reflow]].
* Install a [[user agent]] spoofer, such as [https://addons.mozilla.org/extensions/moreinfo.php?id=59 User Agent Switcher extension], to make the web site think you are using a different browser.
* Install a [[user agent]] spoofer, such as [https://addons.mozilla.org/extensions/moreinfo.php?id=59 User Agent Switcher extension], to make the web site think you are using a different browser.
* Sites that almost work, but need modification, can sometimes be fixed with [http://greasemonkey.mozdev.org GreaseMonkey]  and an onslaught of [http://extensionsmirror.nl other extensions], which would allow you to change how the page looks and acts. You can try to change the page yourself, or see if [http://dunck.us/collab/GreaseMonkeyUserScripts#head-8365decd714f9162e9db9eb6e33c7e1f666cfb6b someone else has written a fix] (For GreaseMonkey -- a script aka GMS or GM Script).
* Sites that almost work, but need modification, can sometimes be fixed with [http://greasemonkey.mozdev.org GreaseMonkey]  and an onslaught of [http://extensionsmirror.nl other extensions], which would allow you to change how the page looks and acts. You can try to change the page yourself, or see if [http://dunck.us/collab/GreaseMonkeyUserScripts#head-8365decd714f9162e9db9eb6e33c7e1f666cfb6b someone else has written a fix] (for GreaseMonkey, a script aka GMS or GM Script).
* If everything else fails, on Windows, you can install [http://extensionroom.mozdev.org/more-info/ieview IE View] which allows you to right-click open pages in IE.
* If everything else fails, on Windows, you can install [http://extensionroom.mozdev.org/more-info/ieview IE View] which allows you to right-click open pages in IE.
* If nothing worked for you this far (and Internet Explorer is not your weapon of choice) then the websites coding might be flawed and not up to [http://w3c.org Standards]  (With Poorly written coding) as a last resort try emailing the webmaster and complain about the nonfunctional website.
* If nothing worked for you this far (and Internet Explorer is not your weapon of choice) then the website's coding might be flawed and not up to [http://w3c.org standards]  (with poorly written coding). As a last resort try contacting the webmaster and complain about the nonfunctional website.


== Gecko Limitations ==
== Gecko limitations ==
* Cannot use Microsoft's Java VM. Use an alternative, such as [http://www.java.com/ Sun's Java VM].
* Cannot use Microsoft's Java VM. Use an alternative, such as [http://www.java.com/ Sun's Java VM].
* Cannot render [[wikipedia:VML|VML]] or do VML scripting. Try using [[SVG]] instead (note that official builds don't currently include SVG support).
* Cannot render [[wikipedia:VML|VML]] or do VML scripting. Try using [[SVG]] instead (note that official builds don't currently include SVG support).

Revision as of 09:55, 12 November 2005

Gecko-based applications, like the Mozilla Suite and Firefox are designed from the bottom up to support sites written with W3C standards. However, other browsers sometimes use alternate methods to format pages which are not supported by the Mozilla Suite or Firefox. The best long term solution is to respectfully ask the website developer if they can make their page work in Mozilla. For help on doing this, visit the Tech Evangelism project page. If this is not possible, there are a few things you can try to get the site to work as designed.

Possible solutions for website developers

  • Make sure the coding of your website is valid and up to standards (e.g., supports multiple OSes and browsers). For help on this please visit W3C.org (World Wide Web Consortium) and HTMLhelp.com.
  • To check the validation of your website visit both HTML Validator and CSS Validator.
  • View and edit website coding in Firefox through a real-time HTML editor [1].
  • Firefox extensions HTML Validator and Web Developer can be helpful with validation and HTML source.
  • There are also multiple tools that can validate your website for you, e.g. HTML Tidy, HTML-Kit, and W3C tools.

Possible solutions for users

  • Make sure "Tools -> Options -> Web features -> Load Images [For originating web site only]" is unchecked. Reload page if needed.
  • Clear everything out such as your cache, and cookies: "Tools -> Options -> Privacy" then exit Firefox and try it again.
  • Go to "View -> Page style" and change "No Style" to whatever is there if it's not already checked.
  • If you have Adblock check it from the status bar to see if anything is being blocked, and remove it from Adblock's preference window: "Tools -> Extensions", then double-click "Adblock".
  • "Tools -> Options -> Web features -> Load Images -> [Exceptions]", and remove any culprits and press "OK".
  • Make sure your firewall isn't blocking the Mozilla Suite or Firefox from getting page content.
  • The page may require cookies or popup windows. Enable these features via "Tools -> Options -> Web Features" in Firefox (see also [2]).
  • The page may require JavaScript. Configure JavaScript via "Tools -> Options -> Web Features (-> Advanced)" in Firefox.
  • The page may require Java. Enable Java via "Tools -> Options -> Web Features" in Firefox. Alternatively, try installing Sun's Java (J2SE JRE). Detailed help for Firefox (but this can also be used for the Mozilla Suite).
  • If the problem is with a plugin, like Flash or Windows Media Player, look at this forum thread.
  • See Error loading some websites.
  • Sometimes layout problems can be fixed by forcing a page reflow.
  • Install a user agent spoofer, such as User Agent Switcher extension, to make the web site think you are using a different browser.
  • Sites that almost work, but need modification, can sometimes be fixed with GreaseMonkey and an onslaught of other extensions, which would allow you to change how the page looks and acts. You can try to change the page yourself, or see if someone else has written a fix (for GreaseMonkey, a script aka GMS or GM Script).
  • If everything else fails, on Windows, you can install IE View which allows you to right-click open pages in IE.
  • If nothing worked for you this far (and Internet Explorer is not your weapon of choice) then the website's coding might be flawed and not up to standards (with poorly written coding). As a last resort try contacting the webmaster and complain about the nonfunctional website.

Gecko limitations

  • Cannot use Microsoft's Java VM. Use an alternative, such as Sun's Java VM.
  • Cannot render VML or do VML scripting. Try using SVG instead (note that official builds don't currently include SVG support).
  • Menus and other scripts that use document.layers will not work. Developers: see this site for more information.
  • Partial support for document.all and document.<id> (but not document.<name>) has been added to Firefox 1.0.
  • Occasionally page layouts will be displayed incorrectly due to incremental reflow bugs in the current release of Firefox. Oftentimes a more recent build will render the same pages correctly.
  • ActiveX controls are not supported in most Gecko browsers. If possible, use a plugin interface instead, which is possible with Windows Media Player.
  • Microsoft Windows Update must, by design, be run in Windows on Internet Explorer. There are some 3rd party sites that allow access to some updates, such as WindizUpdate.
  • Firefox strictly interprets the W3C spec for HTML comments; as a result, some of the contents of malformed comments might be rendered. See bug 102127.