Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/04/2009, 20:01
AeroCross
 
Fecha de Ingreso: marzo-2008
Mensajes: 73
Antigüedad: 16 años
Puntos: 0
IE6 no deja escribir en Inputs

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&oacute;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 "&nbsp;"; else: echo $msj; endif; ?></p>
				</form>
				
				<p class="center">&iquest;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">&copy; 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