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
-~----------~----~----~----~------~----~------~--~---
