Skip to main content

Search and Top Navigation

#4547 closed bug (wontfix)

Opened May 22, 2009 02:54AM UTC

Closed October 05, 2012 03:47PM UTC

Last modified October 05, 2012 03:50PM UTC

IE6: CSS for icon does not work properly

Reported by: srabouin Owned by:
Priority: minor Milestone: 1.9.0
Component: [meta] ui.themeroller Version: 1.7.1
Keywords: ie6 css icon Cc:
Blocked by: Blocking:

.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

the top 50% does not work properly in IE6. It will sometimes show in the proper location, but depending on the page height it will disappear from the visible area.

Unfortunately I am not a CSS expert, but I suppose a line-height would need to be specified or the top would need to be hardcoded to something like .1em, etc.

This issue also appears on the demo page for the open dialog button icon, which is using the same top: 50%.

Attachments (1)
  • jqueryuiiconbug.png (33.3 KB) - added by srabouin May 22, 2009 02:58AM UTC.

    Screenshot showing the icon being placed in the wrong location when top: 50% is used

Change History (4)

Changed May 22, 2009 11:18AM UTC by jzaefferer comment:1

component: ui.accordion[meta] ui.themeroller
milestone: TBD1.8
priority: minortrivial

Your screenshot doesn't show any relation to the accordion. And the accordion demo works fine in IE6, its just that button that is broken.

Changed June 06, 2012 01:25PM UTC by scottgonzalez comment:2

priority: trivialminor

Changed October 05, 2012 03:47PM UTC by scottgonzalez comment:3

resolution: → wontfix
status: newclosed

This is a bug on the ThemeRoller page, not in the CSS framework, and we're not going to support IE6 for out web sites anymore, as it only accounts for 0.1% of our traffic.

Changed October 05, 2012 03:50PM UTC by scottgonzalez comment:4

#4132 is a duplicate of this ticket.