Código:
Su CSS, es el siguiente:<div id="index_wrapper"> <div id="loginbox"> <div id="login"> <div id="logo"> </div> <p class="center"><strong>Universidad Bicentenaria de Aragua<br /> Administración</strong></p> <div id="login_form"> <form id="login" method="post" action="login.php"> <p class="center">Bienvenido al Sistema.</p> <p class="center">Por favor, introduzca su Nombre de Usuario y Password.</p><br /> Usuario: <input class="login_usuario" type="password" name="username"><br /> Password: <input class="login_password" type="password" name="userpass"><br /><br> <input class="login_submit" type="submit" value="Login"> <p class="center"><?php if(!isset($msj)): echo " "; else: echo $msj; endif; ?></p> </form> <p class="center">¿Necesita acceso? <a href="../contacto">Contacte</a> al Administrador.</p> <br /> <hr class="login" /> <p class="center small">Ir a <a href="../index.php">uba.edu.ve</a></p> <p class="center small">© Copyright 2009 - Universidad Bicentenaria de Aragua</p> </div> </div> </div> </div>
Código:
En Firefox, puedo tranquilamente usar el formulario. En IE6, no me permite clickearlo o_o No puedo introducir texto en los inputs, ni puedo clickear el boton de Submit. ¿Algo estoy haciendo bien que el IE6 considera mal? o_o div#index_wrapper { background: url(../img/login/header.jpg) repeat-x; height: 170px; width: 100%; position: relative; top: 0px; left: 0px; } div#loginbox { background: url(../img/login/loginbox.png) no-repeat; width: 580px; height: 550px; margin-left: auto; margin-right: auto; position: relative; top: 22px; } div#login { background-color: transparent; width: 550px; height: 400px; margin-left: auto; margin-right: auto; position: relative; top: 32px; } div#logo { width: 120px; height: 120px; margin-left: auto; margin-right: auto; background: url(../img/logo.png) no-repeat; } form#login { width: 400px; height: 200px; margin-left: auto; margin-right: auto; position: relative; top: 20px; text-align: center; } input.login_usuario {margin-left: 14px; width: 160px;} input.login_password {margin-left: 4px; width: 160px;} input.login_submit {font-weight: bold;} hr.login { color: #d2d2d2; background-color: #d2d2d2; width: 80%; margin-left: auto; margin-right: auto; }