Ver Mensaje Individual
  #2 (permalink)  
Antiguo 16/02/2010, 23:47
Avatar de alexk
alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: formulario se descuadra en IE 6 y 7

Hola, ami parecer era que tienes "<span>" como si fuesen elementos en bloque... por eso en ie se corta donde empieza y termina el texto
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#formu { 
margin:23px 10px 0 0;
padding:0; 
border:none;
}
#formu fieldset{
border:none;
padding:0;
}
#formu p {
background-color:#eaeaea;
border-radius: 5px;
-moz-border-radius: 5px; /* Navegadores Firefox o Gecko */
-webkit-border-radius: 5px; /* Navegadores Safari o Webkit */
/**/padding:5px 15px;margin:0 20px 20px 0;float:left;width:auto;line-height:40px;
}
#formu p:hover{background-color:#ccc;}
#formu input#boton {
/*position:relative;
right:-550px;
top:-70px;*/
/**/float:left;width:auto;margin-top:30px;
}
#formu label{
background-color:;
margin:10 0 10 0px;
padding:10 0 10 0px;
/**/float:left;width:auto;
}
#formu input {
margin:5px;
padding:5px;
/**/float:left;width:auto;
}
.inputClass {
width:100px;
margin-top:15px;
}
.inputClassComent{
position:relative;
top:-50px;
width:100px;
margin-top:15px;
}
#textArea{
padding:14px;
margin:14px;
/**/height:47px;float:left;width:auto;
} 
/**/#formu p.f_none label{height:107px;line-height:100px;}
</style>
</head>
<body>
<form id="formu" action="" method="post">
    <fieldset>
        <p>
            <label>Nombre</label>
            <input type="text" name="nombre" size="25"/>            
        </p>
        <p>
            <label>Email</label>
            <input type="text" name="email" size="25"/>
        </p>
        <p class="f_none">
            <label>Consulta </label>
            <textarea id="textArea" name="texto" cols="46"></textarea>
            <input id="boton" type="submit" name="enviar" value="Enviar"/>
        </p>        
    </fieldset>
</form>   
</body>
</html>
bueno solo vi una "solucion" y era flotar algunos elmentos... aver si te sirve... chao :P
__________________
Toroflix - movies.