css - IE7 trouble with jquery mobile application -


i'm making 1 webapplication jquery mobile. in actual browser, ok, not in ie7. know, it's mobile application want use regular computer, , not change whole layout.

anyways, have 1 header, , header centred between 2 spaces. cannot see spaces in actual "great" browsers, in ie7, doesn't :-/ i want no space!

i saw "space" bigger higher height of window :

error when fullscreen

error when fullscreen height * 2

this html generated 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:

when "background color: red", zone hide red, when make "max height:1px", nothing move!

good luck that. jquery mobile not intended work in ie7 @ all. actually, new jquery branch 2.x dropped support of browser.

you can try find css rule causes misbehavior in ie7 , override * css hack targeted @ ie7. more info here: http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/


Comments

Popular posts from this blog

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -