No logro centrar un png transparente en IE6

[yoelnacho]

Hola, estoy armando este template http://www.yoelnacho.com.ar/mios/ayuda/png/ y no logro centrar el background que indica una imagen no disponible. (es un png transparente)

Funciona en todos los navegadores, meno en la versión 6 o inferior del ineternet explorer. Creo que es por el hack para usar png transparentes ( el unitpngfix.js )

La clase que muestra el background con el png es la .sin_img que se encuentra en css/modulos.css (línea 9)

Si alguien me puede ayudar lo voy a agradecer.
Saludos a todos.

[Calizman]

Saludos yoelnacho!!

Estuve dandole vueltas a tu situacion... habia pensado en varias cosas pero creo que la conclusion a la que llegue fue bastante razonable, ya tu diras:

Y si en vez de usar esa imagen como fondo... la usas con un <img src="">? asi tienes mas libertad de manejar la imagen a tu gusto... no crees?

Te dejo la inquietud!
Saludos y Suerte!

EDITO: revisa tus <p></p>!!! tienes dos parrafos sin cerrar y tu HTML es STRICT! tomalo en cuenta!
<p>Julio Cienfuegos Linares ---> ahi esta el problema!

[yoelnacho]

hola CaLiZzZ, gracias por tomarte tu tiempo en este problema.
En algunos lugares utilizo <img> dentro del html para hacerlo más sencillo, el tema es que se trata de un gran portal con muchas secciones, y la idea es optimizarlo desde un css a la "imagen no disponible", ya que si luego hay que cambiarlo tomaría mucho tiempo agregarlo en c/template del portal.

Lo que no logro entender es porque cuando utilizo el hack png fix internet explorer lo interpreta de otra forma. Creo que debe haber una solución por css con algún atributo que estoy olvidando.

Saludos.

[Calizman]

Entiendo....
Lamento mucho no poder ayudarte con eso... no soy muy bueno con eso de los hacks... pero si puedo ayudarte en otra cosa no dudes en consultar!

Saludos!

[Mikmoro]

¿Has probado con:
.sin_img {background:transparent url(../images/sin_img.png) no-repeat center center;
text-align:center;
}

[Lego]

hola q tal no estoy mu ducho con este foro disculpen si esto no se puede pero no se como abrir un nuevo hilo tngo una duda con esto

tngo un formulario con varios input(text,radio,check) como hago para darle dimenciones solo a los text sin estar poniendo class en todos los imput, osea con css es posible referenciar solo los input text???

gracias y disculpen

[Calizman]

Saludos! Lego!

En la parte de arriba en el Foro CSS dice INICIAR NUEVO TEMA ahi pinchas y ya tienes el nuevo tema eh!

y tu problema podrias solucionarlo de esta forma:
(voy a suponer que tu formulario lo tienes dentro de un div llamado #formulario, ya que no lo especificas...)

#formulario input text {
bla bla bla
}

Saludos!

[Lego]

mmmm bueno en realido esta asi pero yo intente esto

input text{bla bla bla } y no funciono voy a intentar como dices

y gracias por todo q estes bien

[Calizman]

Ok, tendria que funcionar asi... si no funciona seria bueno que postearas tu codigo css y html para que veamos tu error... pero si en un nuevo tema!

[yoelnacho]

hola Mikmoro, gracias por molestarte en ver el problema, la clase .sin_img posee esos atributos.

.sin_img {
background:transparent url(../images/sin_img.png) no-repeat 50%;
text-align:center;
}

la única diferencia es el 50% de la posición, pero creo que es lo mismo poner center para horizontal y vertical.

Gracias a todo por opinar, sigo buscando la solución.
Saludos.

[Mikmoro]

Hola, yoelnacho.

"pero creo que es lo mismo poner center para horizontal y vertical."

¿Crees o lo has probado?

[yoelnacho]

Hola Mikmoro, si cambié el atributo a center center, y sigue el problema.
http://www.yoelnacho.com.ar/mios/ayuda/png/

saludos.

[Mikmoro]

Bueno, sólo puedo decirte que estás intentando manejar tres clases diferentes en una misma celda, algo con lo que IE6 tiene problemas:

<td class="sin_img imagen bg1">

interpretando únicamente la última de las tres.

[yoelnacho]

si, también probe separando las clases, y definirle un ancho y alto.
aquí el ejemplo:

http://www.yoelnacho.com.ar/mios/ayuda/png/index(prueba).html

Saludos.

[Mikmoro]

Yo no sé si nos vamos a acabar por entender: en tu TD sigue habiendo 2 clases (imagen y bg1), y la nueva imagen que incorporas no está como fondo, sino insertada, es decir, según lo que yo había entendido hasta ahora, todo al revés.

¿Podrías volver a explicar con la mayor precisión posible qué es lo que quieres conseguir y con qué código lo estás intentando? (imagen insertada o de fondo, centrado vertical, horizontal o ambos, etc.)

[yoelnacho]

Mirá, ahí saque una clase del <td> (dejando sólo imagen).
http://www.yoelnacho.com.ar/mios/ayuda/png/index(prueba2).html

El problema es que al querer utilizar la clase sin_img (que muestra una imagen "no disponible" con el atributo background), no logro centrarla vertical y horizontal dentro del contenedor con IE6. (a mi criterio, me parece que es cuando actua el script fix png transparente).

Espero haber sido más claro.
Saludos.

[Mikmoro]

Sí, efectivamente el problema está en el script para IE6. O sabes javascript como para modificarlo o vas a tener que buscar otro que no tenga ese efecto.

Lo que no entiendo muy bien es para qué necesitas usar un png transparente en ese caso, pudiendo usar un gif transparente o incluso con el color del fondo.

[yoelnacho]

Si, voy a probar con otro pngfix.
Necesito utilizar png porque el background de color se modifica a c/sección del portal, y no puedo hacer un gif para cada sección. (además que la tipografía de "imagen no disponible"), si guardo la imagen como gif transparente se muestra con bordes cortados.

Gracias a todos, por probar una solución.