Ver Mensaje Individual
  #11 (permalink)  
Antiguo 09/08/2009, 12:10
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: background-color de fieldset: malo, malo, malo!

Sí. Ya pasó mucho tiempo. Y por lo general, cuando aparece un mensaje así, es para poner alguna güevada.
Pero no es éste el caso. Es así, eso 'casi' funciona. Muchas gracias.

Acá está un código completo por si alguien lo quiere probar.

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>

<style type="text/css">
#ingreso fieldset {
        width: 20em;
        display: block;
        background-color: #EE00EE;
        border: 1px solid #333333;
	padding: 0 0.25em 0.25em 0.25em;
}
#ingreso legend {
        font-size: 0.75em;
        font-weight: bold;
        background-color: #00ee00;
	margin-top: -0.5em;
}

#ingreso label {
        width: 6em;
        display: block;
        float: left;
}
#ingreso #usuario,#contrasenia {
        background-color: #FFFFFF;
        width: 10em;
        border-bottom-width: 0.1em;
        border-left-width: 0.1em;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: solid;
        border-bottom-color: #666666;
        border-left-color: #666666;
        font-size: 0.75em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

</style>
</head>
<body>
<h2>Prueba <tt>fieldset</tt>.</h2>

<form id="ingreso" name="ingreso" method="post" action="">
  <fieldset><legend>Ingreso para usuarios registrados</legend>
  <p><label>Usuario </label>
  <input name="usuario" type="text" id="usuario" ></p>
  
  <p><label>Contraseña </label>
  <input name="contrasenia" type="password" id="contrasenia">
  </p>
  <input type="button" name="Button" value="Ingresar" >
  </fieldset>
</form> 
</body>
</html> 
En realidad las posiciones absolutas o relativas no mejoran las cosas. Pero el margen negativo, sí. En IE 7, de alguna forma cambia la manera en que muestra los fieldset.