[Ovillo] Problema: li con png transparente de fondo, en IE
Hola,
Os agradecería que me dijeseis si sabéis como solucionar esto. Me ha ocurrido
esto mismo ya varias veces.
En una lista, pongo los bullets en los css, como imagen de fondo, segun la
clase del li. Las imágenes de fondo son pngs de 24 transparentes. Para que se
vean en IE utilizo:
li {
float: left;
position: relative;
width: 268px;
padding: 0 0 0 20px;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png',
sizingMethod='scroll');
}
htmlbody li {
background: url(bullet.png) left 6px no-repeat;
}
Pero así en los IE6 y 7 el li se encoge al ancho del contenido, no obedece al
width... Y he comprobado que si quito la linea del filter vuelve todo a su
sitio, así que he supongo que el problema viene del sizingMethod del filter,
pero no sé como solucionarlo.
¿Alguna idea?
Muchas gracias!
___
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: li con png transparente de fondo, en IE
2008/11/27 Carolina Rodríguez [EMAIL PROTECTED]: ... background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png', sizingMethod='scroll'); } Segun la documentacion de Direct-X eso no existe [1]. La propiedad sizingMethod solo puede valer: crop, image y scale. sizingMethod='scroll' no da ningun resultado en Google. sizingMethod='image' da un monton de resultados solo eso ya es como para sospechar. Segun esta documentacion (no se como de relativa) describe una de estas propiedades asi: image Default. Enlarges or reduces the border of the object to fit the dimensions of the image. Si yo entiendo lo mismo que lo que estais entendiendo vosotros, ¿redimensionara el div al tamaño de la imagen?. Claro, incluso en una mente retorcida tendria sentido, tu le pones el valor scroll, como no es un valor valido, le da el valor image, y entonces adapta las dimensiones del objeto a las de la imagen. no se. [1] http://msdn.microsoft.com/en-us/library/ms532920(VS.85).aspx -- -- ℱin del ℳensaje. ___ 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: li con png transparente de fondo, en IE
Hola. Estoy de acuerdo con Tei.
Prueba a escribir *crop *en vez de *scroll*.
Otras consideraciones:
- Tal y como lo tienes, estás proporcionando dos veces el boliche *
bullet.png* para la versión 7 de Internet Explorer (IE7): una con *filter *y
la otra con el hack de selector hijo *htmlbody*. IE6 o inferior, en sus
versiones para Windows, no reconoce este hack, pero IE7 sí.
- Los navegadores sangran las listas de forma diferente. Firefox tiene en
cuenta el relleno (padding), mientras que IE y Opera tienen en cuenta el
margen para el sangrado. Te recomiendo, para que consigas una mayor
consistencia entre los navegadores, que anules el relleno y el margen
predeterminados por el navegador:
* {
padding: 0;
margin: 0;
}
.. para luego indicarlos de forma explícita para los diferentes elementos.
Los boliches predeterminados se eliminan con:
ul {
list-style: none;
}
Saludos.
El 27 de noviembre de 2008 17:32, Carolina Rodríguez
[EMAIL PROTECTED] escribió:
Hola,
Os agradecería que me dijeseis si sabéis como solucionar esto. Me ha
ocurrido esto mismo ya varias veces.
En una lista, pongo los bullets en los css, como imagen de fondo, segun la
clase del li. Las imágenes de fondo son pngs de 24 transparentes. Para que
se vean en IE utilizo:
li {
float: left;
position: relative;
width: 268px;
padding: 0 0 0 20px;
background: none;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bullet.png',
sizingMethod='scroll');
}
htmlbody li {
background: url(bullet.png) left 6px no-repeat;
}
Pero así en los IE6 y 7 el li se encoge al ancho del contenido, no obedece
al width... Y he comprobado que si quito la linea del filter vuelve todo a
su sitio, así que he supongo que el problema viene del sizingMethod del
filter, pero no sé como solucionarlo.
¿Alguna idea?
Muchas gracias!
___
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
