All geek questions in one place

JQuery IE is so confused

I make this site with a reservation system, I am on a mac, so I usually used Safari or Firefox ... It went well until I decided to check it using IE.

It completely turns the page, and I don’t know where to start: http://offline.raileisure.com/

Fill in the reservation system on the right side in several browsers and see what difference it is ... IE doesn't like it at all.

Thanks!

+6
source share
2 answers

Your page operates in quirks mode in IE.

To prevent Quirks mode, you must add a doctype to the document. I recommend using doctype HTML5. Add at the top of your code at the top of your <html> :

 <!DOCTYPE html>

The problem is resolved.

Quirks mode is an obsolete rendering mode that supports IE for backward compatibility with IE5.5. In fact, there is no need for any page to support it, so it is recommended that you have a valid doctype for all sites.

You can use any of the listed on this page (although if your site is not xhtml, I don’t think that I would avoid strict and transitional xhtml doctrines).

+5
source

Your page forces IE to run in Quirks mode, which breaks the layout / popup.

Using IE9, I put the page in IE8 standards mode from the Developer Tools menu (F12), and it looks the way you expect.

So, you'll want to find a way to not have your own Quirks HTML mode - you should look at http://www.quirksmode.org/css/quirksmode.html for a guide on how to solve the problem.

+2
source

Source: https://habr.com/ru/post/892577/

More articles:


All Articles