In your ui.tabs.css file change
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
to
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; overflow: hidden; }
On Wed, May 27, 2009 at 12:46 AM, Larry Andersen <[email protected]>wrote:
>
> Pinging this again! Still have not been able to solve this.
>
>
> On May 22, 2:18 pm, Larry Andersen <[email protected]> wrote:
> > I have a simple page that has a div that is floated left (for my
> > navigation menu) and another div for the main content. I purposely
> > set the first div's min-height to 200px to exaggerate the problem.
> > Using this layout, the <UL> element renders with the same height as
> > the floated div. This is driving me crazy and I don't know how to fix
> > it. Any ideas?
> >
> > The following HTML will reproduce the problem. This is with 1.7.1
> >
> > <body>
> > <div style="float:left;width:280px;min-height:200px;background-
> > color:green">
> > Nav goes here
> > </div>
> > <div style="margin-left:300px;">
> > <div id="tabs">
> > <ul>
> > <li><a href="#tab1">Tab 1</a></li>
> > <li><a href="#tab2">Tab 2</a></li>
> > </ul>
> > <div id="tab1">This is Tab 1</div>
> > <div id="tab2">This is Tab 2</div>
> > </div>
> > </div>
> > <script type="text/javascript">
> > $(function() {
> > $("#tabs").tabs();
> > });
> > </script>
> > </body>
> >
>
--
Ca-Phun Ung
+ http://yelotofu.com
+ hongkong, zce, jquery, jqueryui, php, css, html
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
