Ver Mensaje Individual
  #7 (permalink)  
Antiguo 04/01/2011, 23:17
kmpx
 
Fecha de Ingreso: junio-2010
Mensajes: 6
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Texto del fieldset se desborda del div en Firefox

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

De entrada tienes definido un ancho de 13.9em y un font-size de .9em en #opciones:

Código CSS:
Ver original
  1. #opciones {
  2. position:relative;
  3. float:left;
  4. left:32px;
  5. top:2px;
  6. width:13.9em;
  7. height:600px;
  8. margin:0;
  9. padding:1em .5em 2em .5em;
  10. background:#C6DAE1;
  11. border:2px solid #eeeeee;
  12. font-size:.9em;
  13. }

y en #opciones legend, fieldset un ancho de 14em y un font-size de 12px

Código CSS:
Ver original
  1. #opciones legend, fieldset{
  2. margin:auto;
  3. font-size:12px;
  4. text-align:left;
  5. width:14em;
  6. border-color:#CCC;
  7. }

o sea tienes un ancho del contenido (legend y fieldset) mayor que el contenedor (opciones), no es mucha la diferencia pero todo ayuda.

Depende del resto del diseño pero yo suprimiría el ancho en ambos casos, así se ajusta todo automáticamente.

Saludos.

Probé como tu dices eliminando ambas propiedades en el css, pero el div se ensancha sobreponiéndose sobre el div de contenido y no es lo que necesito