[Ovillo] modificar ancho de legend

[Victoria Gracia]

El mié, 16-04-2008 a las 15:11 +0200, Jon Parro escribió:
> Hola,

Hola :)

> Me estoy encontrando con un problema al que no le encuentro la
> solución, el caso es que tengo un formulario en el que debo separar
> los diferentes campos, para ello he
> usado <fieldset> y para meterle la descripción he usado la etiqueta <legend>.
> 
> El problema es que no consigo que el legend tome el ancho de su caja
> contenedora (fieldset) de manera que si el
> texto que meto es un poco largo se sale del ancho del formulario.
> 
> ¿Sabeis como se puedo solucionar esto?

Hay diferencias de implementación del modo en que se visualiza el legend
para IE y resto de navegadores. En concreto, IE trata el legend como si
estuviera DENTRO de la caja del elemento fieldset y el resto de
navegadores como si estuviera FUERA. Se necesita, por tanto, tener eso
en cuenta y buscar implementaciones distintas para distintos
navegadores.

No has especificado en tu pregunta, pero por lo que parece debes estar
utilizando un navegador NO IE.

Si es así, entonces ya sabes... hojas de estilo diferenciadas para el
legend que ataquen ese problema.

Para los navegadores NO IE, será suficiente que le des una posición
negativa superior que te lo alinee con el Fieldset (dependerá de tu
tamaño de fuente, no diste referencia ni URL para probar, pero puedes
probar con -0.8em que suele ser suficiente... repito, depende de la
fuente y de tu diseño). También tendrás que darle posición RELATIVE y
left: -7px para compensar la diferencia entre IE y el resto de
navegadores.

Importante:
	padding: 0 si quieres que se alinee con las label

Espero que con esto avances.

Un saludo

Victoria