- alpacasAsked on February 12, 2012 at 08:53 AM
My site is hosted on Moonfruit and I embed using their HTML widget. As noted above the form formats properly on Firefox, but when I tested in IE8 the drop down boxes for the hats, scarves, gloves and mittens entries moved out of position. Also, the two text areas for address and comments have changed position. I have used some CSS code to hide item labels and to set checkbox widths as 170px to get the drop-down boxes to align under each other, all using and adapting example codes on this forum.
Can you advise why the drop down boxes move in IE but not in Firefox. Is there anything I can do to fix their positions yet which will still allow me to use edited source code rather than the straight Jotform code in an IFrame? I will raise a separate question about the possibility of editing source code before saving to an IFrame.Page URL:
- alpacasAnswered on February 12, 2012 at 09:02 AM
To clarify, the screen shot above is how it looks in IE 8. It should look like this page
- JotForm SupportNeilVicenteAnswered on February 12, 2012 at 12:26 PM
When you use source codes to embed a form, you are essentially making it a part of your page, exposing it to your site's scripts and CSS files.
In short, this cross-browser problem is caused by your site's styling. You'd have to make changes to your site's CSS in order to fix this.
With this solution, you'll hit two birds with one stone - the form is shielded from your site's scripts and css styling and you'll be able to customize the source codes with all your heart's desire.