Weird IE8 and other browser issues

I set up and deployed camera.js on our site and we are having weird browser issues. The link is here - http://goo.gl/Wnv4Sd

My major issue is that it seems that the script breaks my page in IE8 and renders it horribly. See the image attachment. IE 8 screenshot I know IE8 is an outdated browser, but I have to have it viewable in IE 8 for our clients.

It seems to view fine for me in FF 23, Chrome 29, and IE 10, but for others, it is not viewing the same despite having the same browser versions. I've also noticed on my iPad 3 the navigation buttons aren't visible as well as on iPhone 5

http://goo.gl/Wnv4Sd
LisaW68Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

COBOLdinosaurCommented:
You are not likely to get cross-browser compatibility with an incomplete doctype and structural errors in the markup:

http://validator.w3.org/check?uri=http%3A%2F%2Fers.usda.gov%2Fdata-products%2Fag-and-food-statistics-charting-the-essentials.aspx%23.UjI_uD_OA_w&charset=%28detect+automatically%29&doctype=Inline&group=0

The warning can be ignored, and some of the errors are unimportant but near the bottom are serious tagging errors.  There is little point in trying to fix cross-browser issues while the page contains invalid code, because there is no standard for error handling that is used universally by browsers.

Cd&
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
LisaW68Author Commented:
I appreciate the comment and realize it isn't validated but we are going to be scrapping it for a more standards compliant code, but for now I have to patch that is there. Are there any short term suggestions?
0
COBOLdinosaurCommented:
You are dealing with an obsolete browser and code with errors. The only fix is to get rid of the errors so we can see if they are the problem or whether IE8 just can't handle the new components.

Cd&
0
LisaW68Author Commented:
I understand that. I have made the changes that were suggested and awaiting it to be published. The weird thing is that it is seeming to work in IE8 and IE10 but not 9.
0
COBOLdinosaurCommented:
It is probably a problem with the doctype.  IE9 will go into quirkmode if the doctype is not correct.  On the other hand IE8 will have a problem with HTML5 extensions unless there is a shim to define the tags.

Can you post the code you have for the doctype and the head of the page?

Cd&
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.