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" <na...@stvisual.com>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"<na...@stvisual.com
> >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 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
>
_______________________________________________
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

Responder a