Como no, una vez más el maldito IExplorer dando problemas...
Necesito ayuda, una imagen vale mas que mil palabras:
Mozilla Firefox / Google Chrome:
IExplorer:
Este es mi css:
Código CSS:
Ver original/* CSS - Formulario */
.formEncuesta {
margin:auto;
background: SteelBlue;
color: white;
font-size: 15px;
padding: 30px;
width: 80%;
border:solid 10px LightSteelBlue;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
behavior:url(border-radius.htc);
}
.formLogin {
margin:auto;
margin-top: 20%;
background: SteelBlue;
color: white;
font-size: 15px;
padding: 30px;
width: 30%;
border:solid 10px LightSteelBlue;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
behavior:url(border-radius.htc);
}
fieldset {
border: 2px solid;
}
li {
list-style-type: none;
}
legend {
font-size: 20px;
}
/* CSS - Imagen de Fondo */
div.fondo-imag {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
z-index:-1;
}
div.fondo-imag img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
min-width:50%;
min-height:50%;
}
Esta es la página:
Código HTML:
Ver original<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="StyleSheet" href="style.css" type="text/css" media="screen">
<!-- Imágen de fondo Cargada a resolucion adecuada -->
<img id="imagen_de_fondo" src="fondo.jpg" />
<!-- Banner -->
Medina del Campo
<form class="formLogin" id="login" name="login" method="post" action=""> <table width="200" border="0" align="center"> <td colspan="2"> </td> <input type="text" name="nick" /> <td><div align="left">Contrase
ña:
</div></td> <input type="password" name="password" />
<input name="Enviar" type="submit" id="Enviar" value="Entrar" onclick="this.form.action = 'ingresar.php'" /> <input name="restablecer" type="reset" id="restablecer" value="Limpiar" /> <input name="cpass" type="submit" id="cpass" value="Cambiar Contraseña" onclick="this.form.action = 'ss.php'" />
Ayuda porfavor, es urgente! :(
Muchísimas gracias a todos compañeros. ;)