nagoIrrersins
New Member
I am having three tables in side a div (MainDiv) with max-width:200px and max-height: 400pxAnd i BodyDiv with auto size and max-height: 300px.I need a scroll in X direction in (MainDiv) And a scroll in Y direction of BodyDiv.So that from MainDiv scroll i can scroll all three tables.But it shows only three columns of BodyDiv and puts a scroll bar at 200px position.I need this scroll at the end of BodyDiv.Here is my codeCode\[code\] <div id="MainDiv" style="max-width:200px;max-height: 400px;overflow-X: auto;overflow-Y: hidden;"> <table style="background-color:Fuchsia;width:100%;"> <tr > <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> </table> <div id="BodyDiv" style="max-height: 300px;overflow-Y: visible;overflow-X: hidden;"> <table style="width:100%;"> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_odd"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_odd"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_odd"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_odd"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_odd"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_odd"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_odd"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_odd"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_odd"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> <tr class="tr_even"> <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> </table> </div> <table style="background-color:Fuchsia;width:100%;"> <tr > <td class="Cell"> column1 </td> <td class="Cell"> column2 </td> <td class="Cell"> column3 </td> <td class="Cell"> column4 </td> <td class="Cell"> column5 </td> </tr> </table></div>\[/code\]