Tengo un problema que me está poniendo los pelos de punta. En Firefox (El siempre confiable Firefox, cabe acotar) me trabaja perfectamente el siguiente código:
Código:
<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>
Su CSS, es el siguiente:
Código:
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;
}
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