[crmpicco]

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:

Buy It Now

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

Best Regards,
Picco

[crmpicco]

Hi,

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

Cheers,
Picco

[Yeroon]

I'll have a go at this even though I don't have an IE6 browser anymore. We stopped supporting it in my company, so no need for it anymore here.

There seems to be a special IE6 css file loaded for the jquery validation, but i am not sure the check for less than IE7 is correct.

It says:

HTML Code:

<!--[if lt IE 7.]>
        <script defer type="text/javascript" src="http://psi.db-staging.co.uk/scripts/jquery/plugins/pngfix.js"></script>
        <link rel="stylesheet" media="all" href="http://psi.db-staging.co.uk/themes/base_w_en/css/ie6.css" type="text/css" />
    <![endif]--> 

I am not sure if the dot (.) after the 7 is correct.Might have to be:

HTML Code:

<!--[if lt IE 7]>
        <script defer type="text/javascript" src="http://psi.db-staging.co.uk/scripts/jquery/plugins/pngfix.js"></script>
        <link rel="stylesheet" media="all" href="http://psi.db-staging.co.uk/themes/base_w_en/css/ie6.css" type="text/css" />
    <![endif]--> 

Just a guess though.

[crmpicco]

Hi,

I tried removing the dot, but that had no effect. Not sure if this is anything to do with position: relative in the CSS? Is it likely to be CSS or jQuery causing this issue - i'm finding it hard to tell :-|

Any help appreciated.

Cheers,
Picco

[crmpicco]

If you take a look at the attached screenshot you'll see the problem on IE6. The URL to replicate this is as below:

Buy It Now

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.