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