hardanger hardanger - 1 year ago 69
CSS Question

Safari and Firefox not displaying site correctly, but Chrome is working well

I have built my site with Wordpress using my own theme in Chrome. Considering Safari, Firefox and Chrome's similarities - I did not expect such a big discrepancy in how the site is displayed.

I'm guessing it is some kind of syntax error in how the files are loaded, but not sure. The CSS and JS files are loaded using the functions.php file.

Any help would be much appreciated!

The site in question: http://exeterentrepreneurs.com/dev/

Answer Source

1) You have many HTML markup errors, such as these missing closing image tag errors:

<img src="http://example.com/..../event_feature-tick.png"<p>100% Free</p>

See the missing >in front of the <p> tag? It has to be:

<img src="http://example.com/..../event_feature-tick.png"><p>100% Free</p>

Fix all those image tag errors, and then use the W3 Code Validator to check for more. You can ignore for now errors such as "An img element must have an alt attribute...", but fix an missing closing </div> tag errors. Fix the above image tag errors first, and many of the other errors and warnings will fix themselves.

See Showing results for exeterentrepreneurs.com dev - W3C Html Checker and use it again after you fix some errors.

2) You may also have Javascript errors. Use the developer tools in Firefox (or Firebug) or Chrome or Safari or IE to check for Javascript and other console errors. The use of those dev tools are essential for web development work.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download