• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 777
  • Last Modified:


I have NO idea where to even begin with this mess. I've tested this site on Chrome, Firefox, Safari, and IE9 "AND" mobile browsers and tablets. ALL of them result in the page looking like I intended.

Then I asked a person to check it out and they happened to use IE8 on their computer and the whole layout is blown to pieces. I have NO idea what is going on or where to even begin troubleshooting the code.

PLEASE help!

1 Solution
Dave BaldwinFixer of ProblemsCommented:
My IE8 says...

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET4.0C; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.4506.2152)
Timestamp: Fri, 17 Aug 2012 17:26:38 UTC

Message: 'SyntaxHighlighter' is undefined
Line: 259
Char: 7
Code: 0
URI: http://www.restorationlutheran.com/

It's probably killing your javascript at that point.
Chris StanyonCommented:
Don't get a javascript error, but there are a lot of errors in your page - HTML has 66 errors and 81 warnings - CSS has 126 errors. I know validation isn't the key to everything, but the best approach to cross browser compatibility is standards (and a CSS reset)

Validate the two here:



There's way too many errors here to give you a complete solution, so I suggest working through them and then asking specific questions about specific problems.
Kyle HamiltonData ScientistCommented:
You have a lot of unnecessary js and css requests.

You have a slide show and some drop down menus. the rest is static.

If you want to use jquery, you should have two scripts on your page: jquery, and your slide show and menu functions in one js file. You should put your css in one file. Get rid of all that junk js you have in the header.

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

A lot of good advice up there^^^.  Validate. Cleanup the error.  Rationalize and simplify.

After doing those things, if there is still an IE8 issue, you migh find using s strict doctype takes care of things.  You can try replacing this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

with this:

<!doctype html>
<html  lang="en">
  <meta charset="utf-8">
 <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />

BTW, you caget IE8 to act civilized, but IE7 will always have a few bent pieces, unless you use nothing but very basic css; or hack the page to work with junk.

day6Author Commented:
While cleaning up my css and JS stuff makes sense, this solution fixed it instantly. No problems in IE7 or IE8. And it still shows up fine in IE9, Chrome, Firefox, etc. Great solution.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Tackle projects and never again get stuck behind a technical roadblock.
Join Now