www.webdeveloper.com
Results 1 to 4 of 4

Thread: jQuery Validate outputting error messages at top of screen

  1. #1
    Join Date
    Apr 2006
    Posts
    244

    jQuery Validate outputting error messages at top of screen

    Hi all,

    I have an issue that seems to relate to IE6 only. Tested and working in IE8 and FF3.

    If you go to the following page and click 'Buy Now' at the bottom of the page to submit the form the jQuery validate library error messages are displayed at the top of the page, rather than next to the corresponding form element:

    http://bit.ly/cc97GP

    Any help appreciated with this one. Seems to work fine in IE8 and FF3 as mentioned.

    Best Regards,
    Picco

  2. #2
    Join Date
    Apr 2006
    Posts
    244
    Hi,

    Can anyone spot what my issue might be here? I haven't managed to get to the bottom of this.

    Cheers,
    Picco

  3. #3
    Join Date
    Apr 2006
    Posts
    244
    I'm not sure if this is likely to be a positioning issue due to using position: relative in my CSS? Or if it is a jQuery problem with IE6? I was under the impression jQuery was true cross-browser compatible (inc IE6).

    Not sure what to do with this one.

  4. #4
    Join Date
    Apr 2006
    Posts
    244
    If you take a look at the attached screenshot you'll see the problem on IE6. The URL to replicate this is as below:

    http://bit.ly/cc97GP

    The CSS being used is as follows:
    Code:
    #checkout label.error {
    color:red;
    float:right;
    position:relative;
    text-align:left;
    width:300px;
    Is this valid on IE6?

    BR.
    Attached Images Attached Images

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles