Проблема IE7 с jQuery мобильным приложением

Question

Я делаю один webapplication с JQuery Mobile. В фактическом браузере все нормально, но не в IE7. Я знаю, это mobile application, но кто-то хочет использовать его с обычным компьютером, и я не буду изменять весь layout.

В любом случае, у меня есть один header, и этот заголовок центрируется между двумя пробелами. Мы не можем видеть эти пробелы в реальных «больших» браузерах, но в IE7 он не делает: -/Я не хочу пространства!

я увидел, что "пространство" больше с более высокой высоты окна:

Это HTML генерируется IE7:

<thead> 
       <tr> 
        <th> 
         <div data-role="header" data-theme="c" class="applicationheader"> 
           <img src="http://application.local/applicationlogo.png" alt="application" style="width: 32px; height: 32px;" /> 
          <h1>Title</h1> 
         </div> 
        </th> 
       </tr> 
      </thead> 

EDIT:

Когда я делаю «цвет фона: красный», зона для скрытия красная, но когда я делаю «максимальную высоту: 1 пиксель», ничего не двигается!

Answer 1

Удачи вам в этом. jQuery Mobile не предназначен для работы в IE7 вообще. На самом деле, даже новый jQuery branch 2.x потерял поддержку этого браузера.

Вы можете попытаться найти правило CSS, которое вызывает это неправильное поведение в IE7 и переопределит его с помощью * CSS-хака, нацеленного на IE7. Больше информации здесь: http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/