Billing information formatting problem on SIM payment form

[joatmon]

There is a formatting problem on the SIM hosted payment form. The customer billing information is poorly formatted because the html tags which define the table appear to be incorrect. The problem areas are the First and Last Name and ZIP code. Has anyone else reported this? Here is the code in question:

<TABLE id="tableCustomerBillingInformation" role="presentation">
  
  <tr>
  <td class="LabelColBill"><label for="x_first_name"><span class="Hidden"></span>First Name</label>:&nbsp;</td>
  <td class="DataColBill"><table cellpadding="0" cellspacing="0" width="100%" role="presentation"><tr><td><!--x_first_name.val-->Joe<!--end--></td><td align="right">&nbsp;&nbsp;<label for="x_last_name"><span class="Hidden"></span>Last Name</label>:&nbsp;&nbsp;</td><td><!--x_last_name.val-->Blow<!--end--></td></tr></table></td>
</tr>
  <tr>
  <td class="LabelColBill"><label for="x_company"><span class="Hidden"></span>Company</label>:&nbsp;</td>
  <td class="DataColBill"><!--x_company.val--><!--end--></td>
</tr>
  <tr>
  <td class="LabelColBill"><label for="x_address"><span class="Hidden"></span>Address</label>:&nbsp;</td>
  <td class="DataColBill"><!--x_address.val-->123 4th Street<!--end--></td>
</tr>
  <tr>
  <td class="LabelColBill"><label for="x_city"><span class="Hidden"></span>City</label>:&nbsp;</td>
  <td class="DataColBill"><!--x_city.val-->Houston<!--end--></td>
</tr>
  <tr>
  <td class="LabelColBill"><label for="x_state"><span class="Hidden"></span>State/Province</label>:&nbsp;</td>
  <td class="DataColBill"><table cellpadding="0" cellspacing="0" width="100%" role="presentation"><tr><td><!--x_state.val-->TX<!--end--></td><td align="right">&nbsp;&nbsp;<label for="x_zip"><span class="Hidden"></span>Zip/Postal Code</label>:&nbsp;&nbsp;</td><td><!--x_zip.val-->77002<!--end--></td></tr></table></td>
</tr>
  <tr>
  <td class="LabelColBill"><label for="x_country"><span class="Hidden"></span>Country</label>:&nbsp;</td>
  <td class="DataColBill"><!--x_country.val-->United States<!--end--></td>
</tr>
  <tr>
  <td class="LabelColBill"><label for="x_email"><span class="Hidden"></span>Email</label>:&nbsp;</td>
  <td class="DataColBill"><!--x_email.val-->test@whatever.com<!--end--></td>
</tr>
  <tr>
  <td class="LabelColBill"><label for="x_phone"><span class="Hidden"></span>Phone</label>:&nbsp;</td>
  <td class="DataColBill"><!--x_phone.val-->333-666-9999<!--end--></td>
</tr>
  <tr>
  <td class="LabelColBill"><label for="x_fax"><span class="Hidden"></span>Fax</label>:&nbsp;</td>
  <td class="DataColBill"><!--x_fax.val--><!--end--></td>
</tr>
</TABLE>

[RaynorC1emen7]

It doesn't look malformat. what issue are you seeing?

You could use DPM and create your own payment form and format it however you like.

http://developer.authorize.net/api/dpm/

[joatmon]

The page looks OK in Chrome, but scrambled in Safari.

[RaynorC1emen7]

the html code itself look fine. could be something with safari. Might want to just do you own with DPM.

[joatmon]

Thanks for the suggestions. It turns out that the table structure works fine in Safari when I save the source code and open the file locally on my computer. During an actual transaction, Authorize.net's CSS comes into play and there must be something there that is not compatible with the version of Safari that I am using. Anyway, I ended up just not displaying the offending fields and it looks OK now.