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 :
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
Post a Comment