Sunday, 28 October 2007

[HTML TIP] Create layout in Table

[table style="width:100%; height:100%; table-layout:fixed;border:0px solid;margin:0 auto"]
[tr][td valign="top"]
[div id="workformListDivId" style="overflow:auto;width:100%;height:96%;border:0;"]
[/div]tothe
[/td][/tr]
[/table]

......

key - word : table-layout and style="overflow:auto;width:100%;height:96%;border:0;"


=============== Example ====================
<table style="width:100%; height:100%; table-layout:fixed;border:0px solid;margin:0 auto">
<tr><td valign="top">
<div id="workformListDivId" style="overflow:auto;width:100;height:100;border:0;">
<table>
<tr>
<td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td>
</tr>
<tr>
<td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td>
</tr>
<tr>
<td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td>
</tr>
<tr>
<td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td>
</tr>
<tr>
<td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td><td>ssrfdas</td>
</tr>
</table>
</div>tothe
</td></tr>
</table>

No comments: