The tabs are set to float left, but the panels have nothing there.
I'll have to play around with it I guess.

On Jan 23, 1:59 pm, rolfsf <[email protected]> wrote:
> 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
-~----------~----~----~----~------~----~------~--~---

Reply via email to