Dynamic Vertical Ruler in DIV

Apr 1 2013 9:03 AM

Hi,

I want to draw vertical Line from Top to Bottom of the browser(To separate two Part) using Table. For that I have Created a table with One TR and Three TD.  First and Third TD contains some data. Middle TD must display One div with vertical ruler. For that I have wrote below code:

<table width="100%" >
<tr>
<td style="width:49%"> /*My data */
</td>
<td style="width:2%;">
<hr size="100%" style="width: 1px;color:red;" />
<td style="width:49%;"> /*My data */
</td>
</tr>
</table>

I got the Output Left and right My data. But Middle Td shows only 100Px height of line instead of 100% height. How to I get 100% of line. How to fix it?


Answers (1)