Opened 12 years ago

Closed 10 years ago

#7077 closed bug (wontfix)

Button: Inconsistent button height in IE6

Reported by: Necroman Owned by: Necroman
Priority: minor Milestone: 1.11.0
Component: ui.button Version: 1.8.10
Keywords: Cc:
Blocked by: Blocking:


When creating button with icon from <button> using jQuery .button({icons: {primary: icon}} method, the rendered height is different in current browsers vs IE6, even when using standard mode (not quirks). More specifically the height in IE6 is no less then 28px, in other browsers it's about 25px. I can't even use style with height:25px!important - it's not applied in IE6. This is a major problem for me - the solution is either use exactly 28px height buttons, or use custom made buttons. See this picture - left: IE6, right: Opera

Change History (5)

comment:1 Changed 12 years ago by Scott González

Owner: set to Necroman
Status: newpending

What is your line-height set to?

comment:2 Changed 12 years ago by Necroman

Status: pendingnew

Test demo here: For testing in IE6 use either or IE6 document mode in IE9

Last edited 12 years ago by Necroman (previous) (diff)

comment:3 Changed 11 years ago by AlistairB

I have the same bug. Adding overflow:hidden; fixed the problem in IE6 for me.

comment:4 Changed 10 years ago by Scott González


comment:5 Changed 10 years ago by bchiasson

Resolution: wontfix
Status: newclosed
Summary: Incorect height of Button in IE6Button: Inconsistent button height in IE6

AlistairB resolved the issue using overflow:hidden. The team is dropping IE6 support in 1.10, so unfortunately we will not be resolving this issue.

Note: See TracTickets for help on using tickets.