Layout issue in I.E, FF and Safari are fine

[aXeR]

Hey guys,

 

I've got an issue with the password strength bar since upgrading to v4. In Mozilla FF 3 and Safari 3.2.1 it loads correctly but in I.E 7 I get the following:

 

 

Any suggestions please?

[Stream101]

This is probably because there is not enough space for the entire password box to fit. This happened to me before. Try extending the template to see if it corrects it, and if it does, that is your problem. Otherwise I would guess it is a conflicting style tag with one you already have in place.

[siforek]

You could also edit the password strength script to fit your needs. IMO you shouldn't conform to WHMCS, instead make WHMCS conform to you

[SeanP]

To resolve this edit /includes/pwstrength.js, and change:

 

function showStrengthBar() {
   document.write('<table align="center"><tr><td>Password Strength:</td><td width="102"><div id="pwstrengthpos" style="position:relative;float:left;width:0px;background-color:#33CC00;border:1px solid #000;border-right:0px;"> </div><div id="pwstrengthneg" style="position:relative;float:right;width:100px;background-color:#efefef;border:1px solid #000;border-left:0px;"> </div></td><td><div id="pwstrength">Weak</div></td></tr></table>');
}

 

to:

 

function showStrengthBar() {
   document.write('<table align="center"><tr><td>Password Strength:</td><td><div id="pwstrengthpos" style="position:relative;float:left;width:0px;background-color:#33CC00;border:1px solid #000;border-right:0px;"> </div><div id="pwstrengthneg" style="position:relative;float:right;width:100px;background-color:#efefef;border:1px solid #000;border-left:0px;"> </div></td><td><div id="pwstrength">Weak</div></td></tr></table>');
}

 

This just removes "width="102". I've only tested this in IE8 and IE6. Hopefully, it will work for other browsers, as well.

 

Sean

[aXeR]

Thanks, I've got this working now