En Internet Explorer falla la posición absoluta y la leyenda se desplaza a
la derecha por culpa del padding del contenedor. Para solucionarlo puedes
inluir "*height: 1%*" (sin las comillas) en la CSS del div contenedor de
clase "con_leyenda".
Saludos.
El 17 de diciembre de 2008 11:21, Daniel Navarro <danipe...@gmail.com>escribió:
> Hola:
>
> Puedes crear un elemento de clase "leyenda" y posicionarlo absolutamente
> respecto del elemento que lo contiene. Para que la posición sea relativa al
> elemento contenedor, tendrás que establecer "position: relative" en éste.
>
>
> HTML
> <div class="con_leyenda">
> <div *class="leyenda"*>Leyenda</div>
>
> <p>
> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
> dictum nulla et orci.
> </p>
> </div>
>
>
>
> CSS
> * {
> /* Establece a 0 los rellenos y márgenes por defecto del navegador */
> margin: 0;
> padding: 0;
> }
>
> .con_leyenda {
> /* Establece este elemento como marco de referencia
> para los posicionados dentro de él de forma absoluta */
> *position: relative;*
>
> padding: 20px;
> * border: 1px solid #aaa;*
> margin: 50px;
> }
>
>
> .leyenda {*
> position: absolute;
> height: 1.5em;
> top: -0.75em;
> left: 1.2em;*
>
> padding: 3px;
> border: 1px solid #aaa;
>
> * background-color: white; /* impide que se muestre el borde del
> contenedor */
> *}*
> *
>
>
>
> 2008/12/17 Rodrigo Álvarez Virgós <rodri.vir...@gmail.com>
>
> Hola a todos
>>
>> ¿Existe la manera de poner un borde a una capa con una leyenda integrada
>> en el propio borde (como hace la etiqueta legend con los fieldset?)
>> _______________________________________________
>> 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
