By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,785 Members | 1,079 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,785 IT Pros & Developers. It's quick & easy.

fieldset height

P: n/a
Hey guys, i am having trouble with getting the heights corrected on my
fieldset. Right now i have 2 table cells side by side. And inside of
each there is a field set. The fieldset to the right is longer then
the one to the left. So the one to the left centers itself virticaly
to the cell. Is there any way i can eather raise it all the way to
the top or make the height 100% of the cell? I have tried height=100%
and a few other things with no luck. Here is my code:

<table width="100%">
<tr>
<td width="25%" cellpadding="20">
<fieldset style="float:top;">
<legend>Clients</legend>
Customer john
</fieldset>
</td>
<td width="75%">
<form action="testPost.php" method="post">

<div id="clientInfo">
<fieldset>
<legend>Client order
information</legend>
<table width=100%
cellpadding="20">
<tr>
<td
width="65%">

<label>Name</label><br/>

<input type="text" name="custName" size="36"><br/>

<label>Billing Address</label><br/>

<input type="text" name="billAddrLine1" size="36"><br/>

<input type="text" name="billAddrLine2" size="36"><br/>

<input type="text" name="billAddrLine3" size="36"><br/>

<label>Phone Number</label><br/>

<input type="text" name="custPhone" size="36"><br/>

<label>Email Address</label><br/>

<input type="text" name="custEmail" size="36"><br/>

<label>Order Terms</label><br/>

<input type="text" name="orderTerms" size="36"><br/>

<label>Order Date</label><br/>

<input type="text" name="orderDate" size="36"><br/>

<label>Order#</label><br/>

<input type="text" name="orderNo" size="36"><br/>

<label>Tax ID#</label><br/>

<input type="text" name="taxId" size="36"><br/>

<label>Purchase Order#</label><br/>

<input type="text" name="purchOrder" size="36"><br/>
</td>
<td
align="left" width="35%">
<b style="font-
size: 1.3em;">Additional Options</b><br/>
<fieldset
style="padding: 0 0 0 0">

<legend>Select Ship To Address</legend>

<SELECT NAME="shipToAddr" SIZE=3 style="TEXT-
ALIGN:right;background: #fffbef;">

<OPTION VALUE=a>Address 1

<OPTION VALUE=b>Address 2
</
SELECT>
</fieldset><br/
>
<fieldset
style="padding: 0 0 0 0">

<legend>Shipping Method</legend>

<SELECT NAME="shipMeth" SIZE=3 style="TEXT-
ALIGN:right;background: #fffbef;">

<OPTION VALUE=aBest Way

<OPTION VALUE=bSpecial
</
SELECT>
</fieldset><br/
>
<b style="font-
size: 1.3em;">Payment Method</b><br/>
<input
type="radio" name="payMeth" value="COD">COD<BR/>
<input
type="radio" name="payMeth" value="CC">Credit Card<BR/>
<input
type="radio" name="payMeth" value="Terms">Terms<BR/><BR/
<table
align="right">
<tr><td
align="right">
<INPUT
TYPE="button" VALUE="Proceed >" style="font-weight:
bold; -moz-border-radius: 5%" onClick="hideItemEntry();"><BR/><BR/>
<INPUT
TYPE="button" VALUE="Print Blank Form" style="height:
20px; width: 175px; text-align: left"><BR/><BR/>
<INPUT
TYPE="button" VALUE="Print Completed Form"
style="height: 20px; width: 175px; text-align: left">
</td></tr>
</table>
</td>
</tr>
</table>
</fieldset>
</div>

<div id="PaymentInfo"></div>
<div id="itemEntrySection"></div>

</form>
</td>
</tr>
</table>

The fieldset that is to small is the client one. Thanks in advance.

Feb 13 '07 #1
Share this Question
Share on Google+
1 Reply


P: n/a
On 2007-02-13, Nate12o6 <Ba*******@msn.comwrote:
Hey guys, i am having trouble with getting the heights corrected on my
fieldset. Right now i have 2 table cells side by side. And inside of
each there is a field set. The fieldset to the right is longer then
the one to the left. So the one to the left centers itself virticaly
to the cell. Is there any way i can eather raise it all the way to
the top or make the height 100% of the cell? I have tried height=100%
and a few other things with no luck. Here is my code:
td {vertical-align: top} should align it to the top (in a <style>
element in the <headfor example).
Feb 13 '07 #2

This discussion thread is closed

Replies have been disabled for this discussion.