Posted on 2012-08-17
Last Modified: 2012-08-21
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!
Question by:day6
    LVL 82

    Expert Comment

    by:Dave Baldwin
    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

    It's probably killing your javascript at that point.
    LVL 42

    Expert Comment

    by:Chris Stanyon
    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.
    LVL 25

    Expert Comment

    by:Kyle Hamilton
    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.

    LVL 53

    Accepted Solution

    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" "">
    <html xmlns="">

    with this:

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

    LVL 53

    Expert Comment

    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.

    LVL 1

    Author Closing Comment

    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.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    Join & Write a Comment

    Suggested Solutions

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
    This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

    732 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    24 Experts available now in Live!

    Get 1:1 Help Now