New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IE7 header problem #4193

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

Comments

Projects
None yet
2 participants
@siromega

siromega commented Apr 24, 2012

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

This comment has been minimized.

Show comment
Hide comment
@jaspermdegroot

jaspermdegroot May 3, 2012

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.

Member

jaspermdegroot commented May 3, 2012

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

This comment has been minimized.

Show comment
Hide comment
@siromega

siromega 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.

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

This comment has been minimized.

Show comment
Hide comment
@jaspermdegroot

jaspermdegroot May 7, 2012

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.

Member

jaspermdegroot commented May 7, 2012

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

This comment has been minimized.

Show comment
Hide comment
@jaspermdegroot

jaspermdegroot Jun 14, 2012

Member

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

Member

jaspermdegroot commented Jun 14, 2012

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

gseguin pushed a commit to gseguin/jquery-mobile that referenced this issue Jun 27, 2012

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment