Search and Top Navigation
#5748 closed bug (notabug)
Opened June 21, 2010 02:56PM UTC
Closed May 17, 2011 03:36PM UTC
Last modified October 11, 2012 09:15PM UTC
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)
Change History (3)
Changed June 21, 2010 07:23PM UTC by comment:1
Changed May 17, 2011 03:36PM UTC by comment:2
| resolution: | → invalid |
|---|---|
| status: | new → closed |
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.
Changed October 11, 2012 09:15PM UTC by comment:3
| milestone: | TBD |
|---|
Milestone TBD deleted
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.