Hi,
I seperated the layout with struts tiles. Now my question is how can I add scrollable feature to the left panel. Although it is inside the table as:


<td valign="top" height="100%" width="100%">
<table cellpadding="0" cellspacing="0" height="100%" class="st08">
<tr>
<td height="100%" valign="top" style="border-right: 3px solid ;" >
<tiles:insert attribute="left.panel"/>
</td>
</tr>
</table>
</td>

Now I want the table to have horizantal scroll bar when the column exceeds the width. code]<div style="overflow:auto"></div>[/code]does not work. Is there any idea?


Left me write my leftpanel.jsp here:

<table cellspacing="0" cellpadding="0" border="5">

<tree:tree tree="tree.model" node="tree.node" includeRootNode="false">

<tr>

<td>

<table cellspacing="0" cellpadding="0" border="0" height="100%">
<tr>

<td>
<tree:nodeIndent node="tree.node" indentationType="type">
<tree:nodeIndentVerticalLine indentationType="type"><img src="/ikryukleme/images/verticalLine.gif"></tree:nodeIndentVerticalLine>
<tree:nodeIndentBlankSpace indentationType="type" ><img src="/ikryukleme/images/blankSpace.gif"></tree:nodeIndentBlankSpace></tree:nodeIndent>
</td>
<td>

<tree:nodeMatch node="tree.node" hasChildren="true" expanded="false" isLastChild="false">
<a href="/ikryukleme/jsp/tree.jsp?expand=<tree:nodeId node="tree.node"/>&select=<tree:nodeId node="tree.node"/>"><img src="/ikryukleme/images/collapsedMidNode.gif" border="0"> <img src="/ikryukleme/images/openFolder.gif"/>
</a>
</tree:nodeMatch>

<tree:nodeMatch node="tree.node" hasChildren="true" expanded="true" isLastChild="false" >
<a href="/ikryukleme/jsp/tree.jsp?collapse=<tree:nodeId node="tree.node"/>&select=<tree:nodeId node="tree.node"/>"><img src="/ikryukleme/images/expandedMidNode.gif" border="0">
</a>
</tree:nodeMatch>
<tree:nodeMatch node="tree.node" hasChildren="true" expanded="false" isLastChild="true">
<a href="/ikryukleme/jsp/tree.jsp?expand=<tree:nodeId node="tree.node"/>&select=<tree:nodeId node="tree.node"/>"><img src="/ikryukleme/images/collapsedLastNode.gif" border="0">
</a>
</tree:nodeMatch>
<tree:nodeMatch node="tree.node" hasChildren="true" expanded="true" isLastChild="true">
<a href="/ikryukleme/jsp/tree.jsp?collapse=<tree:nodeId node="tree.node"/>&select=<tree:nodeId node="tree.node"/>"><img src="/ikryukleme/images/expandedLastNode.gif" border="0">
</a>
</tree:nodeMatch>
<tree:nodeMatch node="tree.node" hasChildren="false" isLastChild="false">
<a href="/ikryukleme/yukleme.tk?nodeId=<tree:nodeId node="tree.node"/>&nodeName=<tree:nodeName node="tree.node"/>&nodeType=<tree:nodeType node="tree.node"/>">
<img src="/ikryukleme/images/noChildrenMidNode.gif" border="0"><span style="Font-Size: 12px;"><b><tree:nodeName node="tree.node"/></b></span></a>
</tree:nodeMatch>
<tree:nodeMatch node="tree.node" hasChildren="false" isLastChild="true">
<a href="/ikryukleme/yukleme.tk?nodeId=<tree:nodeId node="tree.node"/>&nodeName=<tree:nodeName node="tree.node"/>&nodeType=<tree:nodeType node="tree.node"/>">
<img src="/ikryukleme/images/noChildrenMidNode.gif" border="0"><span style="Font-Size: 12px;"><b><tree:nodeName node="tree.node"/></b></span></a>
</tree:nodeMatch>


<tree:nodeMatch node="tree.node" selected="true" hasChildren="true"><span style="Font-Size: 12px;"><b><tree:nodeName node="tree.node"/></b></span></tree:nodeMatch>
<tree:nodeMatch node="tree.node" selected="false" hasChildren="true"><a href="/ikryukleme/jsp/tree.jsp?select=<tree:nodeId node="tree.node"/>&expand=<tree:nodeId node="tree.node"/>""><span style="Font-Size: 12px;"><tree:nodeName node="tree.node"/></span></a></tree:nodeMatch>

</td>

</tr>
</table>

</td>

</tr>

</tree:tree>
</table>



Think the width of the left panel is static.
As you see my tree.jsp always refreshes when a node is selected, I want this table have a horizantal scroll bar when any table width exceeds the width of the left panel.