Click here to get back home

fieldset height
 Home | NewsGroups | Search | About
Login Password
Register Now!
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
fieldset height Nate12o6 02-13-2007
Posted by Nate12o6 on February 13, 2007, 10:03 am
Please log in for more thread options

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=a> Best Way

<OPTION VALUE=b> Special
</
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.


Posted by Ben C on February 13, 2007, 5:55 pm
Please log in for more thread options

> 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 <head> for example).

Similar ThreadsPosted
Fieldset June 17, 2008, 12:58 pm
Use of
/ in Tables
 January 12, 2006, 3:59 am
fieldset around form -or- centering within div??? January 31, 2007, 12:39 pm
Fieldset size question? February 27, 2007, 2:13 pm
firefox
oddity?
 November 19, 2007, 1:05 pm
Make textboxs height = the height of the cell it's in minus (n)px August 6, 2004, 6:37 am
Adjust height base on the the height of the browser window. October 20, 2006, 4:23 pm
How to make fieldset auto size to its inner content? June 28, 2007, 10:32 pm
max height for tr? May 15, 2006, 1:48 pm
CSS design and 100% height September 16, 2004, 2:30 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap