Bottom Of Form Missing Yet Again In Firefox

  • Profile Image
    Asked on March 22, 2012 at 10:24 AM

    A short time ago I had a problem with a missing bottom border line on both my foms when viewed using Firefox, this only happened when the source code was used which is what I want to use. I've changed the style since then and now have no border, I inserted a small image at the top of each of my foms and guess what the bottom went missing again but only in Firefox, on my contact us page the submit button is actually missing so no one can contact me and on the Customer Comments page the bottom of the submit button is missing.

    The last time this happened abajan kindly worked out a fix, this seems to be a fundermental problem and in my opinion needs a fix from the inside and not a fix via a hack, please look into this as a matter of urgency.

  • Profile Image
    Answered on March 22, 2012 at 12:49 PM

    Please could someone take a look at this as form is inoperable

  • Profile Image
    Answered on March 22, 2012 at 12:56 PM


    First of all, sorry for the inconvenience that may caused.

    Do you mind if I ask what method did you use for embeding your form in to your webpage? Have you tried already iFrame method? If not, please give a try.

    Thank you!

  • Profile Image
    Answered on March 22, 2012 at 01:10 PM

    As I said above I'm embeding the source code, a quick look at the page source code would have told you that, I don't like using iframe as it leaves an empty space at the bottom of the form, please can you move on this as inconvenient isn't the word.

  • Profile Image
    Answered on March 22, 2012 at 04:46 PM

    After experimenting with abajan's fix from before I've changed the float attribute which I was using

    .form-all {
    float: left;

    to this

    body {
    float: left;
    width 65px;

    Both forms now display perfectly in all browsers, is this a bug in your coding or normal behaviour? The .form-all is the method you recommend for a float so maybe you need to look at this also.

    As an experiment I swapped body again for .form-all and it reverted back to the bottom missing, it would seem Firefox dislikes the attribute .form.all.

  • Profile Image
    Answered on March 22, 2012 at 06:34 PM

    I am very happy to hear that Abajan's advice was the solution for your case.

    When it comest to a customized website, this is the normal behavior due to the fact it needs to be set to work perfectly in most of known Browser, from my experience I can see FF is the picky one among them ;)

    That is why we advise to inject customized CSS in order to make the very customized page to work ok among most common browsers . So when it comes to FF , it seems that it understand better if we inject a body CSS style in conjuction with float ,  instead of setting any .form  CSS style

    Best regards



  • Profile Image
    Answered on March 22, 2012 at 06:49 PM


    If you have replied to this by email, we are unfortunately unable to see it. 

    If it is important, could you please post your reply to the thread itself