Gravísimo problema CSS - iExplorer

oNefl0w189 · #1 (**permalink**) 25/05/2012, 06:59

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>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="StyleSheet" href="style.css" type="text/css" media="screen">
<title>Log-In  Encuesta </title>
</head>
 
<body>
        <!-- Imágen de fondo Cargada a resolucion adecuada -->
        <div class="fondo-imag">
        <img id="imagen_de_fondo" src="fondo.jpg" />
        </div>
        
        <!-- Banner -->
        <div class="banner">
        Medina del Campo
        </div>
 
<form class="formLogin" id="login" name="login" method="post" action="">
<fieldset>
        <legend>* Log-in *</legend> 
  <table width="200" border="0" align="center">
    <tr>
      <td colspan="2">&nbsp;</td>
    </tr>
    <tr>
      <td><div align="left"><span>Usuario: </span></div></td>
      <td><span>
        <div align="left">
          <input type="text" name="nick" />
        </div>
      </span></td>
    </tr>
    <tr>
      <td><div align="left">Contrase&ntilde;a: </div></td>
      <td>
        <div align="left">
          <input type="password" name="password" />
          </div>
      </td>
    </tr>
    
        </tr>
  </table>
  <table align="center">
    <br>
    <tr>
      <td>
        <div align="center">
          <input name="Enviar" type="submit" id="Enviar" value="Entrar" onclick="this.form.action = 'ingresar.php'" />
          </div>
      </td>
    <td colspan="2">
        <div align="left" >
          <input name="restablecer" type="reset" id="restablecer" value="Limpiar" />
        </div>
    </td>
    <td>
    <div>
          <input name="cpass" type="submit" id="cpass" value="Cambiar Contraseña" onclick="this.form.action = 'ss.php'" />
        </div> 
    </td>
    </tr>
  </table>
  </fieldset>
</form>
</body>
</html>

Ayuda porfavor, es urgente! :(

Muchísimas gracias a todos compañeros. ;)

kseso? · #2 (**permalink**) 25/05/2012, 07:32

¿IE? ¿Qué versión?

¿A sido premeditado la forma elegida para codificar el valor de los colores?

Los valores que declara (keywords) pertenecen a los "Extended color keywords" (recogidas en el documento "CSS Color Module Level 3" (es recomendación desde 7 de Junio de 2011) que son los mismos del documento "SVG 1.1 (Second Edition) – 16 August 2011, Basic Data Types and Interfaces". También recomendación.

Ya que no está utilizando canal alpha (ni grba ni hsla), pruebe a declarar los fondos en hexadecimal o rgb:

Código CSS:

Ver originalLightSteelBlue = #b0c4de  = rgb(176,196,222)
SteelBlue         = #4682b4  = rgb(70,130,180)