IE7 header problem #4193

Closed
siromega opened this Issue Apr 24, 2012 · 4 comments

Projects

None yet

2 participants

@siromega

Fiddle: http://jsfiddle.net/siromega/3H7eJ/3/

Test in IE7 on Windows XP (in a VM). Seems to work fine in IE8/9.

It appears that IE7 is ignoring the H1's margin (top & bottom) and making the header div as small as possible.

@jaspermdegroot
Member

I just noticed that...
when you have only a title or a title and a button left - the issue occurs
when you have a title and buttons left and right - the issue doesn't occur

Might help by tracking down the cause of the issue.

@siromega
siromega commented May 7, 2012

Well, in IE7 even with the buttons the title text is right at the top of the header area and they're missing their padding/margin so it looks wrong too.

@jaspermdegroot
Member

hi @siromega

Yeah you are right. Using padding instead of margin on the title works.
The icons in the header buttons are out of position too on IE7.
Requires some more investigation.

@jaspermdegroot
Member

We can fix this by adding "zoom: 1" for header/footer. Just have to check if that can have any downside.

@gseguin gseguin pushed a commit to gseguin/jquery-mobile that referenced this issue Jun 27, 2012
@jaspermdegroot jaspermdegroot Fixes #4193 - Added zoom 1 to trigger HasLayout on toolbars for IE. 93d9377
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment