The HTML is valid, and ironically IE renders it the way I want, while FF and Chrome exhibit the problem, which means it's almost certainly a problem with my CSS. :-) Actually, after tearing my hair out fruitlessly looking for a fixed height, what I found is that the DIV that contains the table that overlaps the tab border is floated to the left (if you look at the screenshot you can see that table is to the left of some other elements). If I disable that float rule in Firebug, the tab immediately snaps to the correct height, so I'll toy with the CSS, thanks very much for the lead!
On Mar 26, 2:59 am, Klaus Hartl <[email protected]> wrote: > 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 -~----------~----~----~----~------~----~------~--~---
