MachForm Community Forums » MachForm 2

1. webcommerce
   Member

   Hello,

   I am having problems with important forms using Firefox 3. The forms display and work perfectly in IE7.0. However there are two issues with FF3.

   1. The fields are displaced in FF3. Most of our fields are formatted 2 or 3 to a line (if that's significant).

   I did a forum search and, based on one thread, amended #main_body label.choice width to 98% but this hasn't helped.

   The current CSS for the form is:

   #main_body label.choice
   {
   color:#444;
   display:inline; /*<-- Changed from block 4/11/08*/
   font-size:100%;
   line-height:1.4em;
   /*margin:-1.55em 0 0 25px;*/ /*<-- Deleted 4/11/08*/
   padding:4px 0 5px;
   width:98%;
   position:relative; /*<-- Added 4/11/08*/
   _top:0.2em; /*<-- Added 4/11/08*/
   }

   2. After section breaks the form is having problems with data input. In some cases (text field) the cursor cannot be positioned in the field for data input, but the tab from the prior field does work. In other cases (Dropdown boxes) the fields cannot be accessed at all.

   FYI the container width is set at 780px.

   The form is viewable at: https://www.callsave.com.au/machform/view.php?id=3

   Help is urgently needed on this as the form is our primary sales resource.

   Thank you.
   Ron S

   Posted 16 years ago #
2. 

   yuniar

   Hi Ron,

   I see that you are using lot of "position: relative".
   I suggest to use "float: left" instead.

   Check for some tips here:
   http://www.appnitro.com/forums/topic/how-do-i-get-fields-on-the-same-line?replies=54

   Also, for each of your section breaks, apply "clear: both" style.

   If you are still having problem and would like direct help, let me know your machform login and we'll try to fix these issues.

   send email to: customer.service [at] appnitro.com

   ---

   MachForm Founder

   Posted 16 years ago #

RSS feed for this topic

Reply

You must log in to post.