Макет JQM не работает с IE9

Я разрабатываю мобильный веб-сайт с JQM, но мне кажется, что он не работает с IE9. Макет настолько отличается от других браузеров, и все элементы перепутаны. Я использую html5shiv, но я не думаю, что это тот случай, здесь.

Вот что я использую:

    <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>

А потом просто базовые div в HTML-разметке.

URL: http://paaluttaja.elasticbeanstalk.com/

Я надеюсь, что кто-то может указать мне правильное направление... Мне не нужно полное решение.

2 ответа

Решение

Я скучаю

<!DOCTYPE html>

с самого начала файла, это решает мои проблемы. IE, кажется, только браузеры, которые требуют его присутствия.

На вашей странице отсутствует требуемый макет. У тебя есть <div data-role="page"> блокирует, но отсутствует требуемый блок контента;

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

    <div data-role="content">
        my content here
    </div>
</div>
Другие вопросы по тегам