Opened 9 years ago

Closed 9 years ago

Last modified 7 years ago

#5748 closed bug (notabug)

tabs appending extra space to its table container in ie6/7

Reported by: exfacior Owned by:
Priority: minor Milestone:
Component: ui.tabs Version: 1.8.2
Keywords: ie6 ie7 Cc:
Blocked by: Blocking:

Description

Due to an apparent bug in IE6/7, when ui.tabs are contained in a table element with the attributes border=0, cellSpacing=0, and cellpadding=0, and the table contains one or more empty cells (<td></td>), the height of the entire table inherits the height of all the tabs before they were hidden and fails to collapse to the height of the tab content.

Using the off-left technique does not appear to help collapse the table.

Please see the attached example, it uses the tabs demo source wrapped in a table. This occurs in both strict and loose document type modes, if a tab is added dynamically, and if the content is loaded via ajax.

Attachments (2)

tabs.jpg (125.8 KB) - added by exfacior 9 years ago.
Screenshot of problem.
test2.html (3.6 KB) - added by exfacior 9 years ago.
HTML Source example of problem

Download all attachments as: .zip

Change History (5)

Changed 9 years ago by exfacior

Attachment: tabs.jpg added

Screenshot of problem.

Changed 9 years ago by exfacior

Attachment: test2.html added

HTML Source example of problem

comment:1 Changed 9 years ago by exfacior

For clarification, in the screen shot the table background color is green. The table collapses to the height of the tab content in Firefox 3.6/IE8, but fails to collapse in IE6 and IE7.

comment:2 Changed 9 years ago by Scott González

Resolution: invalid
Status: newclosed

This is not a jQuery UI bug. You can see the same problem if you simply do $( "#tabs-2" ).hide(). You can work around this by placing a non-breaking space in your empty td.

comment:3 Changed 7 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.