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