Re: [Ovillo] Problema con position absolute en IE
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ñona...@stvisual.comescribió:
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
Re: [Ovillo] Problema con position absolute en IE
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.comescribió:
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ñona...@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
Re: [Ovillo] Problema con position absolute en IE
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ñona...@stvisual.comescribió:
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ñona...@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
___
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
[Ovillo] Problema con position absolute en IE
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
Re: [Ovillo] Problema con position absolute en IE
Amigo Nacho Lo he probado y no genera error que mencionas debe ser el tamaño
de tus imagenes el problema, los probe con imagenes de 27x27. Saludos,
Elvis José Regalado Guerrero
Tec. Programación
Telf. 5711226
Date: Fri, 1 Jun 2012 15:02:53 +0200
From: na...@stvisual.com
To: ovillo@lists.ovillo.org
Subject: [Ovillo] Problema con position absolute en IE
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
