Hello,
I have a <fieldset> in a <TD>. I want the fieldset to be as high as
the TD.
Setting the fieldset's height to 100% works in IE. Opera ignores it.
Firefox & Netscape 7.1 give it the height of the whole page. Any
suggestions? Here is my code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Test 1 2 3 </TITLE>
<style type="text/css">
td
{
vertical-align : top;
}
</style>
</HEAD>
<BODY>
<div class="header">
<h1>Fieldset Test</h1>
</div>
<div>
<table style="width:100%;">
<tr>
<td style="width:50%; height:100%;">
<fieldset style="height:100%">
<legend>Date</legend>
<label for="date">Date</label>
<input type="text" id="date" name="date"/>
<br />
<br />
<label for="timehour">Time (hh:mm)</label>
<select name="timehour" id="timehour">
<option value="" selected>
<option value="0">00
<option value="1">01
<option value="2">02
<option value="23">23
</select>
:
<select name="timemin" id="timemin">
<option value="" selected>
<option value="0">00
<option value="1">01
<option value="2">02
<option value="59">59
</select>
</fieldset>
</td>
<td style="width:50%">
<fieldset>
<legend>Location</legend>
<label for="street">Street Name</label>
<input type="text" id="street" name="street"/>
<br />
<label for="hwy">Highway #</label>
<input type="text" id="hwy" name="hwy"/>
<br />
<label for="city">City</label>
<input type="text" id="city" name="city"/>
<br />
<label for="sector">Sector</label>
<input type="text" id="sector" name="sector"/>
<br />
<label for="state">State</label>
<input type="text" id="state" name="state"/>
</fieldset>
</td>
</tr>
</table>
</div>
</body>
</html>