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