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 -->

On Jul 24, 1:51*am, "Tatania" <webforumsu...@macromedia.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?