JQM layout does not work with IE9

StackOverflow https://stackoverflow.com/questions/14549098

Question

I am developing a mobile website with JQM, but I dont seem to get it work with IE9. Layout is so different with other browsers and all elements are messed up. I am using the html5shiv, but I dont think thats the case here.

Here is what I am using:

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.js"></script>

And then just basic divs in HTML-markup.

URL: http://paaluttaja.elasticbeanstalk.com

I hope someone can point me to the right direction... I dont need a full solution.

Was it helpful?

Solution 2

I am missing 

<!DOCTYPE html>

from beginning of the file, it solves my issues. IE seems to be only browsers who demands it to be present.

OTHER TIPS

Your page is missing the required layout. You have <div data-role="page"> blocks but are missing the required content block;

<div data-role="page">
    <div data-role="header">
     </div>

    <div data-role="content">
        my content here
    </div>
</div>
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top