Menu
Hi Guys
I have a table with 3 rows. What I want to do is set row 1 and 3 to a fixed width of say 50px each and set the second row to fluid. So as the window is resized row 1 and 3 remain the same whereas 2 row grows or shrinks. Here is how far I have got:
Table:
[CODE]<table border=”1″>
<tr>
<td class=”tdDraft”>Draft</td>
<td class=”tdDraftContent”>Dear John Smith…</td>
<td class=”tdDraftDate”>23/Jun/08</td>
</tr>
</table>
CSS:
[CODE]
.tdDraft {
width : 50px;
}
.tdDraftContent {
width : 100%;
}
.tdDraftDate {
width : 50px;
}
This works, but the only problem is that row 2 takes all the space and therefore leaves the other 2 rows squashed.