I am having issues displaying my form properly with iWeb

  • Profile Image
    kansascitykicking
    Asked on February 23, 2011 at 04:02 PM

    For the most part, the form on my website is working well. I do have a select few individuals who are having trouble viewing the form tho. They can see most of it but the submit button gets cut off. I use iWeb. It seems to be fine in Safari and Mozilla, and even on some phones, but I can't have some people having trouble viewing the form. I have tailored the iweb page to be excessively long to eliminate the page from getting cut off but it still does for some people. I've noticed other people having this same problem. What is the answer?

  • Profile Image
    DanielGriffin
    Answered on February 24, 2011 at 08:09 AM

    Hi there,

    Do you know which browsers are seeing this?  It will help to diagnose the problem.

    I see that your iframe which holds the form is inside a DIV named "widget0-html-snippet".  That DIV doesn't appear to have any style information (ie, it has the attribute: style="").  It's possible that you have a general CSS rule which the DIV is inheriting.  Can you try to set some CSS code for that particular DIV?

    Thanks,

    Daniel

  • Profile Image
    kansascitykicking
    Answered on February 25, 2011 at 10:07 AM

    I know exactly which browsers are having this problem. There are three of them.

    Windows Vista IE 7.0, Windows XP SP2 IE 6.0 and Windows XP SP2 IE 7.0. I did a browser checker and about 30 different browsers displayed it properly with the exception of the above three.

    It seems as if about 10% of my customers come to my site with the malfunctioning browsers so I must get this fixed! Thanks in advance for your help. 

    I guess it is possible that there is a general CSS rule that it is inheriting but I am unfamiliar with what is actually signed. IS there a rule that I can place in it to accept? As far as getting CSS code for the particular DIV...I'm unfamiliar with this process.

    Jeff

  • Profile Image
    kansascitykicking
    Answered on February 25, 2011 at 02:44 PM

    I have decreased the font size from 12 to 11, expanded the widget width and page width of my website to avoid single lines from autoformatting into two lines, and changed the alignment to "right" instead of "left". Internet Explorer 6.0 and 7.0 reacted positively to these changes. Now, the only browsers having trouble are Vista Firefox 2.0 and Windows XP SP2 Firefox 2.0.

  • Profile Image
    DanielGriffin
    Answered on February 28, 2011 at 11:09 AM

    Sorry to hear that you are still having difficulties,

    IE6 is notorious for rendering problems, since it uses a different implementation of the DOM than the one recommended by the W3C.  If you have managed to get something looking correct in IE6, the chances are that you are using some non-standard code somewhere.

    Try taking a look at this article, it has some good advice on designing for cross browser compatibility. 

    http://webdesign.about.com/od/internetexplorer/a/aa082906.htm

    It might help to have differnet CSS code for the IE visitors and the firefox visitors.

    Also, I've used firebug to examine your iweb page and you are including a file named widget1_markup.html.  That file includes the following CSS class.

    .form-all {
        color: Black !important;
        font-family: Verdana;
        font-size: 11px;
        width: 700px;
    }

    so you could try entering a height property in there. 
    Thanks,
    Daniel

  • Profile Image
    kansascitykicking
    Answered on March 01, 2011 at 12:25 AM

    Daniel,

    Thank you for your help. The problem was the height issue. I had to manually enter a proper height into my JotForm produced embed code (snippet for iWeb). The form functions properly across all major operating systems and browsers now. Hopefully jotform can fix this for users in the future by producing code which has a height value instead of none, which I guess freaks out some browsers.

  • Profile Image
    DanielGriffin
    Answered on March 01, 2011 at 09:32 AM

    Great!

    Thanks for letting us know.  Generally the browser reflow should take care of the height, but being able to specify it might be a useful feature alright.  I will add it to our suggestions list.  Glad you got it sorted.

    Thanks,

    Daniel.