The Tabs plugin does nothing to restrict the height of the tabs. So it's either a conflicting CSS rule of yourself or a browser bug (I've seen such behavior where it wouldn't correctly reflow after content has been added, but that was in I only).
Make sure the HTML you're loading into the tab pane is valid (and also not a complete page - no html, body tag etc.) --Klaus On 26 Mrz., 00:00, Jim Biancolo <[email protected]> wrote: > Hi folks, > > Another small issue with my recent upgrade to UI 1.7.1. I have some > Ajax tabs that, once they load, contain tables of varying size. The > tab container does not seem to expand to accommodate the height of the > table, so the border around the tab dives behind the table. > Screenshot here, arrows pointing out the issue: > > http://www.biancolo.com/jim/tabs_border.jpg > > I'm currently working around this with this code: > > $('#tabs').bind('tabsshow', function(event, ui) { > var list = $('.recipient_list', $(ui.panel)); > var tab = list.parent(); > tab.height(tab.height() + list.height()); > > }); > > It's a bit kludgy, as it tends to expand the tab container more than > necessary, but it's better than it being too small. > > Is there a fix or a better way or something I'm doing wrong? > > Thanks! > > Jim --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
