Hi,

I am using the script from the below link ot dynamically genrate a list of tabs and the tab content by iterating a list.
http://www.dynamicdrive.com/dynamici...abcontent2.htm

Problem:- I am unableto add a table to the tabcontent div tag within.It displays the content below the highlighted area and the tab insted of within the tab.

Here's my code snippet.The piece in red is where I have added the table. Could you kindly help me withthe fix to get the table appear within the content area?Am I mssing something here?

Thanks!

<script type="text/javascript" src="/content/js/directory.js"></script>
<script type="text/javascript" src="/content/js/domcollapse.js"></script>
<script type="text/javascript" src="/content/js/ajaxtabs/ajaxtabs.js"></script>
<style type="text/css" media="screen">
/* domCollapse styles */
@import url(/content/styles/domcollapse.css);
</style>
<style type="text/css" media="screen">
/* domCollapse styles */
@import url(/content/js/ajaxtabs/tabcontent.css);
</style>
<style type="text/css" media="screen">
@import url(/content/js/ajaxtabs/ajaxtabs.css);
</style>

<font size="2"> An asterisk (<font color="#990000">*</font>) indicates a required field.</font>
<p>
<h3 class="expanded">Search Tools</h3>

<div>


<ul id="tablist">
<nested:iterate property="entries" indexId="entryIndex">
<% if( entryIndex==0) { %>
<li><a href="#" class="current" onClick="return expandcontent('sc<%=entryIndex%>', this)" theme="#FFF7B6">CSC<%=entryIndex%></a></li>
<% } else { %>
<li><a href="#" onClick="return expandcontent('sc<%=entryIndex%>', this)" theme="#FFF7B6">CSC<%=entryIndex%></a></li>
<% } %>
</nested:iterate>
</ul>

<DIV id="tabcontentcontainer">

<nested:iterate property="entries" indexId="entryIndex">

<div id="sc<%=entryIndex%>" class="tabcontent">

<table>
<tr><td> <nested:text property="csc" readonly="true" maxlength="6" size="15"/></td></tr>

</table>
</div>


</nested:iterate>

</DIV>

</div>