Forums

Hi

I have a serious problem 😢 . Would be great if you could help! With validation set to mootools (is there any other?) and turned on, when i navigate from one input field to another, labels and input fields disappear! This only happens in IE6. FF and IE7 work just fine. You know the reason and how to solve this problem? "Load Chronoforms CSS/JS Files" is turned off by the way.
Hope to hear from you soon. Many thanks in advance!

The form is here: http://www.fischen-abenteuer.ch/prospektbestellung

Cheers
*Miki

Hi Miki,

"Load Css Files" is OFF but this form is created by the wizard ? if yes then they should be enabled! if this doesn't solve it then its your template or form code, try to add your form code or the template body in a fixed width table because simply IE6 sucks!

Regards
Max

Thankyou for the hint. The form is not made using the wizard though. It must have something to do with mootools validation. If I turn that off everything works fine but It just doesn't validate. If I turn it on it validates and works on Firefox and IE7, but like I said in IE6 input fields and labels just disappear when leaving an input field. Strange. I'll have to think of another way how to validate. Around 30-40% of the visitors are using IE6 :? .

Cheers
*Miki

Hi miki,

The mootools files are being loaded OK I think.

I can see what is happening in IE6, I think it is linked to the div structure of your form elements. If you look at the image attached (from FF3) you'll see that the pink background for the warning message includes the label and input field as well as the error message. The messages are displayed by changing the visibility of this box so my guess is that in IE6 when the message changed it changes the visibility of the whole input element. I can't see exactly why this is happening though. Try wrapping your input fields in a div of their own and see if that fixes it.

Bob