Esta es la solución más crossbrowser que encontré:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div {width:500px;}
fieldset {width:100%; border:5px solid #CCC; border-top:none;
position:relative; padding:0; margin:0;}
legend {margin:0; padding:0 10px; display:block; *text-indent:350px;*}
legend span {color:blue;}
</style>
</head>
<body>
<div>
<fieldset>
<legend><span>Texto de la leyenda</span></legend>
Formulario
</fieldset>
</div>
</body>
</html>
Sirve en IE6, IE7, FF3, Opera 9, Safari 3.1
Igual la solución no me parece muy buena, y cada navegador lo muestra
"masomenos" igual.
2008/7/23 Francisco Garde <[EMAIL PROTECTED]>:
> Hola listeros, muchas gracias por la información.
>
> Lo que quiero es posicionar el texto del legend a la derecha con respecto a
> las etiquetas contenidas en el formulario.
>
> He probado utilizando el método que me proponía Marco, añadiendole el
> tamaño
> del fieldset a la leyenda, pero en Explorer tengo problemas (como ya me
> había advertido Victoria).
>
> #legend span {
> display: block;
> text-align: right;
> width:16em;
> }
>
> Así que me parece que el formulario se queda sin legend y haré el título
> con
> un header, aunque no se si será muy correcto, ya que la página tiene que
> cumplir accesibilidad.
>
> Saludos y muchas gracias de nuevo!!!
>
>
> Francisco Garde Calvo
> Director de Proyectos
> Chan Plataforma d'idees
> 963 26 66 02 - 665 86 32 82
>
>
> -----Mensaje original-----
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> En nombre de Victoria Gracia
> Enviado el: miércoles, 23 de julio de 2008 14:18
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Legend de formulario alineado a la derecha
>
> Hola Francisco,
>
> El campo legend tiene comportamientos distintos según navegadores:
>
> * IE (y sólo IE) lo trata como un elemento *dentro* del fieldset
> * El resto de navegadores lo trata como un elemento *fuera* del fieldset
>
> Con este conocimiento debes replantear la pregunta:
>
> * ¿Alineado a la derecha respecto a la pàgina o el div superior?
> * ¿Alineado a la derecha respecto al Fieldset?
> * ¿Alineado a la derecha con las etiquetas contenidas en el formulario?
> * ...
>
> Si estás intentando un diseño líquido, fluido y/o elástico será más
> complicado lograr que en todos los navegadores se muestre el campo legend a
> la derecha (digo complicado, no imposible) que en un diseño fijo, pero en
> cualquier caso vas a necesitar una estilo distinto para copar con las
> distintas interpretaciones del navegador (IE vs. resto) y muy posiblemente
> la ayuda de marcado adicional para poder lograr el control sobre la
> colocación del elemento. ¿Te merece la pena?
>
> Un saludo,
>
> Victoria
>
> Francisco Garde escribió:
> > Buenos días listeros,
> >
> > Estoy buscando información para ver si el texto de un campo legend, de
> > un formulario, se puede mostrar alineado a la derecha y no encuentro
> nada.
> >
> > ¿Es posible hacerlo?
> >
> > Muchas gracias de antemano.
> >
> > Un saludo !!
> >
> >
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
> modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
↓ Ignacio Ricci
www.ignacioricci.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
