Hola Olivier,
Macho has dado en el clavo, menuda tontería que era y ni había pensando
en ese margin al estar las imagenes con una posición. Mira que le puse
un border de color a todo para ver como se dibujan los tamaños, padding
y margenes pero no lo hice con las imágenes. Entendía que como tenían
una posición absoluta no les afectaba.
Gracias por la ayuda!!!
Nacho
El 05/06/12 15:00, Olivier Blázquez escribió:
> Hola Nacho,
> prueba a cambiar
>
> #diana2 img {
> display:block;
> margin:auto;
> }
>
> por
>
> #diana2 img {
> display:block;
> margin:0 auto;
> }
>
> Espero q te funcione
>
> *
> *
>
>
>
>
> El 5 de junio de 2012 14:33, "Nacho F. Carreño"<[email protected]>escribió:
>
>> Hola,
>>
>> No puedo ponerla como imagen de fondo porque quiero que se pueda
>> imprimir. Tengo en la página sólo ese código y por más vueltas que le
>> estoy dando no encuentro solución. Esta es la url para que veais como en
>> IE8, IE9 e IE10 la parte superior del punto aparece en la mitad de la
>> capa: http://www.tecomweb.com/clientes/collidoc/prueba.php
>>
>> Saludos y gracias!
>>
>> Nacho
>>
>>
>>
>>
>> El 01/06/12 23:26, Latrasweb escribió:
>>> Hola Nacho
>>>
>>> ¿Has probado a poner una de ellas como fondo y la otra como imagen
>> normal?.
>>> Creo que así te evitarías tener que usar posicionamiento absoluto.
>>>
>>> Un saludo y suerte!
>>>
>>>
>>> El 1 de junio de 2012 15:02, "Nacho F. Carreño"<[email protected]
>>> escribió:
>>>
>>>> Hola a tod@s,
>>>>
>>>> Tengo un div que contiene dos imágenes. Una la quiero situar en la parte
>>>> superior de la capa y la otra en la parte inferior. Para ello el div lo
>>>> he puesto como position relative y les he puesto position absolute a las
>>>> imágenes. El caso es que la imagen de superio me la muestra bien pero la
>>>> que tiene que estar en la parte inferior aparece en el medio del div. He
>>>> hecho varias pruebas y cambios pero nada. Este es el código:
>>>>
>>>> <div style="height:2cm;" id="capadist">
>>>> <img src="imagenes/cruz.gif" id="raya" />
>>>> <img src="imagenes/punto.gif" id="cruz" />
>>>> </div>
>>>>
>>>> Y este es el css:
>>>>
>>>> #capadist {
>>>> position: relative; overflow: hidden;
>>>> }
>>>>
>>>> #raya {
>>>> position:absolute; top: 0; left: 21px; display: block;
>>>> }
>>>>
>>>> #cruz {
>>>> position:absolute; bottom: 0; left: 21px; display: block;
>>>> }
>>>>
>>>> El problema me pasa con IE8, IE9 e IE10 pero con las versiones
>>>> inferiores se ve correctamente. No me explico que estoy haciendo mal...
>>>>
>>>> Un saludo,
>>>>
>>>> Nacho
>>>> _______________________________________________
>>>> Lista de distribución Ovillo
>>>> Para escribir a la lista, envia un correo a [email protected]
>>>> 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 [email protected]
>>> 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 [email protected]
>> 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 [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
