Opened 15 years ago
Closed 15 years ago
#2760 closed bug (worksforme)
Display problems of loading icons under IE6
Reported by: | laxkin | Owned by: | klaus |
---|---|---|---|
Priority: | trivial | Milestone: | |
Component: | ui.tabs | Version: | 1.5b4 |
Keywords: | Tabs | Cc: | |
Blocked by: | Blocking: |
Description
There is a visualization bug under IE6 when you are trying to use ajax tabs. See attached image. The solution is use <p> tag instead of <em>:
Line 487: $span.data('label.tabs', $span.html()).html('<em>' + o.spinner + '</em>');
replace to
Line 487: $span.data('label.tabs', $span.html()).html('<p>' + o.spinner + '</p>');
Also you should fix a .css file, replace .ui-tabs-loading em to .ui-tabs-loading p and add padding:
.ui-tabs-loading p { padding-left: 20px; background: url(loading.gif) no-repeat 0px 50%; }
Attachments (1)
Change History (5)
Changed 15 years ago by
Attachment: | ui_tabs_ajax_bug_ie6.gif added |
---|
comment:1 Changed 15 years ago by
Owner: | changed from paul to klaus |
---|
comment:3 Changed 15 years ago by
Component: | ui.core → ui.tabs |
---|---|
Version: | 1.2.3 → 1.5b4 |
comment:4 Changed 15 years ago by
Resolution: | → worksforme |
---|---|
Status: | new → closed |
Applying padding to em is perfectly acceptable and works fine in IE6.
Note: See
TracTickets for help on using
tickets.
IE6 visualization bug