Question

I have a form that works in all browsers except chrome, for some reason chrome won’t let me click in and type in the form fields, here is the form:

    <form action="registration.php" method="post">
    <fieldset>
        <p style="color:red; font-weight:bold; font-size:14px;"> <?php echo $errorMsg; ?> </p>
        <label style="margin-bottom:10px" for="username">Username</label>
        <input style="margin-bottom:10px"name="username" id="username" value="<?php print $username; ?>" type="text" />
        <label style="margin-bottom:10px" for="email">Email</label>
        <input style="margin-bottom:10px" name="email" id="email" value="<?php print $email; ?>" type="text" />
        <label style="margin-bottom:10px" for="emailconf">Confirm Email</label>
        <input style="margin-bottom:10px" name="emailconf" id="emailconf" value="<?php print $emailconf; ?>" type="text" />
        <label style="margin-bottom:10px" for="paypal">PayPal Email</label>
        <input style="margin-bottom:10px" name="paypal" id="paypal" value="<?php print $paypal; ?>" type="text" />
        <label style="margin-bottom:10px" for="pass">Password</label>
        <input style="margin-bottom:10px" type="password" value="<?php print $pass; ?>" name="pass" id="pass" onkeyup="passwordStrength(this.value)" />
        <label style="margin-bottom:10px" for="passwordconf">Confirm Password</label>
         <input style="margin-bottom:10px" name="passwordconf" id="passwordconf" value="<?php print $passwordconf; ?>" type="password" />
           <div style="height:35; color:black;" id="passwordDescription">Password not entered</div>
           <div id="passwordStrength" class="strength0"></div>
    </fieldset>
        <input style="float:right; margin-right:45%;" id="SaveAccount" type="submit" class="loginbtn" value="Submit Form"/>
    </form>

The php print is so if there are errors they don’t have to retype the information again, and as far as I can tell can be ignored. Is there any reason as to why chrome would behave this way? I’m by no means a form master, but I have made some in the past the same way and they worked before if memory serves.

Answer 1

Quick fix: add position:relative to #main_wrapper

Proper fix: Whole layout needs many changes… redesign (table with whole row full of nbsp? seriously? )