Foros del Web » Creando para Internet » CSS »

IE, capas z-index y login

Estas en el tema de IE, capas z-index y login en el foro de CSS en Foros del Web. Hola amigos del foro, Tengo una página web con dos capas, una principal ("todo") que contiene otras subcapas relativas dentro y otra que flota por ...
  #1 (permalink)  
Antiguo 16/01/2007, 04:47
 
Fecha de Ingreso: enero-2007
Mensajes: 1
Antigüedad: 10 años, 10 meses
Puntos: 0
IE, capas z-index y login

Hola amigos del foro,

Tengo una página web con dos capas, una principal ("todo") que contiene otras subcapas relativas dentro y otra que flota por encima en y que contiene un login ("login")

- Metí la capa "login" dentro de "todo" y ajusté las posiciones y el ancho para Firefox. Iba perfectamente, porque con el atributo absolute no importaba que estuviera dentro o fuera.

Así está definida en el css:
#login
{
position:absolute;
margin:80px auto 0px 595px;
height:100px;
width:150px;
float:right;
text-align:left;
z-index:1;
}

Y así está metida en el body del documento en cuestión, justo después de abrir la capa "todo":

<div id="login">

<form name="loginFrm" action="" method="post">
<table border="0" width="50px" align="center">

<tr>
<td width="20%">
<input type="hidden" name="lang" value="es">
<input type="hidden" name="fuseaction" value="home.login">
<input type="text" name="username" value="Usuario" class="texto2" onFocus="document.loginFrm.username.value = '';" size="13" style="margin-top:0px;">
<input type="password" name="userpassword" value="password" class="texto2" onFocus="document.loginFrm.userpassword.value = '';" size="13" style="margin-top:2px;">

</td>

<td valign="bottom">
<a href="javascript:loginUser();"><img src="../imagenes/ir.jpg" width="27" height="26" border="none"></a>
</td>

</tr>

</table>
</form>

</div>

- Primer problema. Lo probé en IE y la capa login no aparecía por ningún sitio. Me di cuenta de que sacándola de dentro de la capa "todo", entonces sí que aparecía.

- Solución al primer problema. Así que lo que hice fue meter una etiqueta condicional "if IE" para poder sacarlo de dentro de la capa "todo", justo al comienzo del body, para que Explorer lo mostrara bien. Con unos retoques quedó todo en el sitio en que lo quería.

- Gran Problema: Me he dado cuenta ahora de que el login no funciona en Explorer. En Firefox sí.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:08.