Styling a forms with 2 columns

Adobe has an online tuturial on how to use CSS (in Dreamweaver) style a form
with 2 columns.
http://www.adobe.com/devnet/dreamwea...ms_pt3_02.html
which I used on a site I'm working on. The form displays perfectly on IE 7 but
in Firefox the first column is at the bottom of the fieldset and the second
column is on top. http://www.aexcea.com/clientpageTest.php (Most of the fields
won't show because you have to log in and the fields return information from a
database.

Is there a fix for this or does this simply not work in Firefox? The code I
used it straight from Macromedia.

CSS is:
#formContainer {
width: 100%;
}

#Col1 {
width: 49%;
}


#Col2 {
width: 49%;
float: right; }

HTML is:


<div id="formContainer">
<!--Begin Forms -->
<form id="form1" name="form1" etc>
<fieldset>
<legend>Business Details</legend>

<!--Begin Column Two -->
<div id="Col2">
<div class="row"><label for="PrimaryEmail">Primary Email:</label>
<span class="mainbodyblack"><?=$bdremail;?></span></div>
<div class="row"><label for="PrimaryPhone">Primary Phone:</label>
<span class=" etc.></div>
</div>

<!--Begin Column One -->
<div id="Col1">

<div class="row"><label for="BusinessName">Business Name:</label>
<span class="mainbodyblack"><?=$bname;?></span></div>


<div class="row"><label for="BusinessAddressline1"> Business&nbsp;Address
line&nbsp;1:</label>
<span class="mainbodyblack"><?=$badd1;?></span></div>
<div class="row"><label for="BusinessAddressline2">Business&nbsp;Address
line&nbsp;2:</label>
<span class="mainbodyblack"><?=$badd2;?></span> </div>
<div class="row"><label for="City"> City: </label>
<span class="mainbodyblack"><?=$bcity;?></span> </div>
<div class="row"><label for="State/Province">State/Province:</label>
<span class="mainbodyblack"><?=$bstateProv;?></span> </div>
</div>
</fieldset>

</form>

</div> <!--End of 2 col form div -->

I added a float left to Column 1 and that seems to have helped in Firefox. I should contact the author of that article and let him know you need that CSS to make it work in Mozilla.

On Jul 24, 1:51*am, "Tatania" <webforumsu... (AT) macromedia (DOT) com> wrote:

Adobe has an online tuturial on how to use CSS (in Dreamweaver) style a form
with 2 columns.http://www.adobe.com/devnet/dreamwea...g_forms_pt3_02...
which I used on a site I'm working on. The form displays perfectly on IE 7 but
in Firefox the first column *is at the bottom of the fieldset and the second
column is on top.http://www.aexcea.com/clientpageTest.php*(Most of the fields
won't show because you have to log in and the fields return information from a *
database.

*Is there a fix for this or does this simply not work in Firefox? The code I
used it straight from Macromedia.

*CSS is:
*#formContainer {
* * * * width: 100%;
*}

*#Col1 {
* * * * width: 49%;
*}

*#Col2 {
* * * * width: 49%;
* * * * float: right; }

*HTML is:

*<div id="formContainer"> * * * * * * * * *
* <!--Begin Forms --
* * * * * * * *<form id="form1" name="form1" etc
*<fieldset
*<legend>Business Details</legend

*<!--Begin Column Two --
* <div id="Col2"
* * * * *<div class="row"><label for="PrimaryEmail">PrimaryEmail:</label
* <span class="mainbodyblack"><?=$bdremail;?></span></div
*<div class="row"><label for="PrimaryPhone">Primary Phone:</label
*<span class=" etc.></div
*</div

*<!--Begin Column One --
*<div id="Col1"

*<div class="row"><label for="BusinessName">Business Name:</label
*<span class="mainbodyblack"><?=$bname;?></span></div

*<div class="row"><label for="BusinessAddressline1"> Business&nbsp;Address
line&nbsp;1:</label
*<span class="mainbodyblack"><?=$badd1;?></span></div
*<div class="row"><label for="BusinessAddressline2">Business&nbsp;Address
line&nbsp;2:</label
*<span class="mainbodyblack"><?=$badd2;?></span> * *</div
*<div class="row"><label for="City"> City: </label
*<span class="mainbodyblack"><?=$bcity;?></span> </div
* <div class="row"><label for="State/Province">State/Province:</label
* <span class="mainbodyblack"><?=$bstateProv;?></span> </div
*</div
* * * * </fieldset

*</form

*</div> *<!--End of 2 col form div --

Did you figure this out yet?