javascript - How adjust scale of a table in a container on Html? -
i have problem automatically adjust table in div if user adds collones or lines in matrix. if size exceeds, wish still full in "container div" setting smaller scale. possible resize table keeping size of container ? keeping table in center ?
here css used:
css
.container{ background-image: url(image/block_surveillance_content.gif); background-position: bottom right; padding-bottom: 10px; width: 320px; height:400px; } .matrice{ height:100%; width:100%; }
html
<div id="block" class="container"> <table id="dataarray" class="matrice"> <tr> <td></td> <td> <asp:table runat="server" id="matrixcolumnlabel" ></asp:table> </td> </tr> <tr> <td> <asp:table runat="server" id="matrixlinelabel" style="position:relative;margin:6px"></asp:table> </td> <td> <asp:table runat="server" id="tablematrice" cellpadding="0" cellspacing="0" style="margin:6px"></asp:table> </td> </tr> </table> </div>
thanks lot
Comments
Post a Comment