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í.
