posabsolute/jQuery-Validation-Engine — pull request #235 by rbdrbd (2012-01-05 03:46:08+00:00)
Title: improved 'relative' mode positioning

I liked the idea of turning on the 'relative' option, but in my layout at least (a simple jQuery Mobile form) it was pretty broken. I made some changes to improve how the error prompts are positioned. This includes:
* changing the container span to a div so that it uses block positioning and shows up under the field
* inserting the div AFTER the field to improve the layout, not before
* added a relativePadding option that will insert spacing under the prompt that's the height of the prompt window itself, this does disturb the form, but allows it so that the error prompts do not flow over the fields/field labels below them. This option may be turned off to not disturb the form.
* Seems to work fine with promptPosition settings

The results are MUCH better at least for me, see from the images below... (ignore the error prompt text shadow, that was a css bug unrelated to validationengine that I fixed)

firefox 8 on windows 7:
original: http://dl.dropbox.com/u/9719672/validationengineimg/firefox8_orig.png
new: http://dl.dropbox.com/u/9719672/validationengineimg/firefox8_new.png

ios 5.0.1 on iPhone 4:
original: http://dl.dropbox.com/u/9719672/validationengineimg/ios5_orig.pngnew: http://dl.dropbox.com/u/9719672/validationengineimg/ios5_new.png