Bug Tracker

Opened 12 years ago

Closed 11 years ago

#2760 closed bug (invalid)

Display problems of loading icons under IE6

Reported by: laxkin Owned by: klaus
Priority: trivial Milestone: 1.2.4
Component: ui Version: 1.2.3
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 12 years ago.
IE6 visualization bug

Download all attachments as: .zip

Change History (3)

Changed 12 years ago by laxkin

Attachment: ui_tabs_ajax_bug_ie6.gif added

IE6 visualization bug

comment:1 Changed 12 years ago by paul

Owner: changed from paul to klaus

comment:2 Changed 11 years ago by klaus

Resolution: invalid
Status: newclosed
Note: See TracTickets for help on using tickets.