#4547 closed bug (wontfix)
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: |
Description
.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)
Change History (5)
Changed 11 years ago by
| Attachment: | jqueryuiiconbug.png added |
|---|
comment:1 Changed 11 years ago by
| Component: | ui.accordion → [meta] ui.themeroller |
|---|---|
| Milestone: | TBD → 1.8 |
| Priority: | minor → trivial |
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.
comment:2 Changed 7 years ago by
| Priority: | trivial → minor |
|---|
comment:3 Changed 7 years ago by
| Resolution: | → wontfix |
|---|---|
| Status: | new → closed |
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.
Screenshot showing the icon being placed in the wrong location when top: 50% is used