Opened 11 years ago

Closed 11 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)

ui_tabs_ajax_bug_ie6.gif (2.7 KB) - added by laxkin 11 years ago.
IE6 visualization bug

Download all attachments as: .zip

Change History (5)

Changed 11 years ago by laxkin

Attachment: ui_tabs_ajax_bug_ie6.gif added

IE6 visualization bug

comment:1 Changed 11 years ago by paul

Owner: changed from paul to klaus

comment:2 Changed 11 years ago by (none)

Milestone: 1.2.4

Milestone 1.2.4 deleted

comment:3 Changed 11 years ago by paul

Component: ui.coreui.tabs
Version: 1.2.31.5b4

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

Resolution: worksforme
Status: newclosed

Applying padding to em is perfectly acceptable and works fine in IE6.

Note: See TracTickets for help on using tickets.