Forum Moderators: open
I've been getting away from tables, but I have a page that uses a table with good reason. I have my table layout sized to fit everything perfect and look good. Now I'm going back and adding a <textarea> inside a <div> inside a <td>. Right now the table is 2 columns. I add the div with a width of "auto" and it fits the table cell perfect. I add the textarea inside the div, the textarea being way smaller than the available space inside the <td> and <div>, but the table column sizes get messed up. I have the colum sizes declared in the <td> tags. The column that the textarea is NOT in, gets shrunk, even though the textarea has plenty of room. Any ideas?
<div class="checklist" style="padding: 15px;">
<table border="1">
<tr bgcolor="<? echo $bg2;?>" id="tr_laa">
<td class="checklistTd" width="300">
Yes <input type="radio" name="cl_laa" id="cl_laa" value="1" <?if($_POST['cl_laa']=='1'){echo "checked";}?>>
No <input type="radio" name="cl_laa" id="cl_laa" value="2" <?if($_POST['cl_laa']=='2'){echo "checked";}?>>
N/A <input type="radio" name="cl_laa" id="cl_laa" value="3" <?if($_POST['cl_laa']=='3'){echo "checked";}?>>
</td>
<td class="checklistTd" width="488">Blah <b>Bold blah. Bold blah. Bold blah. Bold blah.<div class="commentboxPop"><textarea cols="40" rows="3">Textarea default text</textarea></div></td>
</tr>
</table>
</div>
.checklistTd {
padding-left: 2px;
padding-bottom: 10px;
font: 11px; Verdana, Arial, Helvetica, sans-serif;
color: #333;
text-align: left;
vertical-align: top;
}
.checklist {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #333;
text-align: left;
vertical-align: top;
}