That should work, but the behavior you are describing sounds like you have a float somewhere that causing the tab panel to move and/or shrinkwrap. Have a look in the Firebug css inspector - it should give you a clue.
On Jan 23, 7:35 am, Brian Ronk <[email protected]> wrote: > With my tabs, I don't want the size of the div to change when I switch > tabs. If it's too big, I just want it to overflow with a scrollbar. > My general setup is this: > <div> > <ul></ul> // the tabs are in here > <div id=tab1></div> > <div id=tab2></div> > <div id=tab3></div> > <div id=tab4></div> > </div> > > My container div has a height and width. I was thinking I would just > have to give a height and width to the .ui-tabs-panel class (which is > the class given to the areas that swich, right?) and an overflow. > But, that div moves, and isn't in the right area anymore. If I just > give it a height and overflow, it shrinks it down really skinny to the > right. > > Here's my css for that one, minus the height, width, and overflow. I > copied it from the flora css in the demos, and modified it a bit. > And, maybe part of the problem is that my layout of HTML is wrong. > > .ui-tabs-panel { > padding: 1em 1.4em; > display: block; > border: solid black 1px; > color: #aaf; > background: #333; /* declare background color for container to avoid > distorted fonts in IE while fading */ > > } > > Anyone have some tips? I can set up a test page if need be. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
