Veo que te han dado una respuesta demasiado larga ( la del JS ) para
arreglar el problema con los png en IE6. Yo he venido trabajando en esta
pagina http://superxtra.com/nuevaimagen/ y si ves el banner del grande,
esta debajo del menu izquierdo el cual es un png 32 transparente.
En realidad tambien esta debajo de una pequeña sombra superior que simula
que esta debajo de la barra de navegacion. Aca te pongo el codigo que use.
SOLO ES CSS, nada de js.
#banner
{
width: 760px;
height: 400px;
background: #99CC00 url('css/img/banner_002.jpg'); /* URL DEL BANNER
QUE VA DE FONDO */
}
/* PNGs TRANSPARENTES DEL BANNER IE y Firefox */
#banner_sombra /* ESTA ES LA SOMBRA QUE VA SOBRE EL BANNER EN LA
PARTE SUPERIOR */
{
width: 760px;
height: 20px;
background-image: url("css/img/banner_sombra.png") !important;
background-image: url('none') !important;
filter: none !important;
filter:
progidDXImageTransform.Microsoft.AlphaImageLoader(srccssimgbanner_sombra.png;
/* ESTE CODIGO PERMITE LA TRANSPARENCIA EN IEXPLORER */
}
#banner_mblanco /* ESTA PARTE PERTENECE AL MENU IZQUIERDO BLANCO QUE
TIENE UNA SOMBRA Y FONDO TRANSPARENTE Y ESTA SOBRE EL BANNER */
{
position: relative; BANNER PRINCIPAL */
position: absolute !important;
width: 760px;
height: 422px;
background: url('none') no-repeat !important;
top:165px; padding-top:5px; padding-left:25px; font-weight:bold;
filter:progidDXImageTransform.Microsoft.AlphaImageLoader(srccssimgbanner_mblanco.png;
background-image:url('none') !important
} /* ACA NUEVAMENTE EL CODIGO DE TRANSPARENCIA PARA IE */
Aca esta lo que llama a ese css
<div id="banner">
<div id="banner_sombra"></div>
<div id="banner_mblanco"></div>
</div>
Como ves el banner de fondo esta definido en <div id="banner"> y lo que esta
dentro de el son los elmentos que van encima.
Esto sucede porq <div id="banner"> tiene un banner como fondo es decir que
va detras de todo el contenido, todo lo que este dentro de ese div tendra
como fondo al banner, eso se da siempre, lo unico novedoso es que el
contenido es un PNG transparente que requiere del codigo
filter:progidDXImageTransform.Microsoft.AlphaImageLoader(srccssimgbanner_mblanco.png;
background-image:url('none') !important
Donde banner_mblanco.png es el nombre de la imagen png. En todo caso para
sus imagenes png seria
filter:progidDXImageTransform.Microsoft.AlphaImageLoader(srccssimgNOMBRE_DE_LA_IMAGEN_PNG.png;
background-image:url('none') !important
Esta propiedad vale para IEXPLORER Y FIREFOX.
Espero les sirva.Saludos
On 2/28/07, Pau Taw <[EMAIL PROTECTED]> wrote:
>
> El problema del descuadre puede ser una mezcla del error de IE de duplicar
> margenes en contenedores flotados y la forma de tratar el modelo de cajas.
>
> Como siempre IE tocando los limones a la gente.
> _______________________________________________
> 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
