bueno,
yo tenia un div y dentro del div un span y era ahi yo ponia la imagen con
este ultimo ejemplo y no me funcionaba, la saco fuera y lo pongo como en el
ejemplo con un div y funciona... esto es la leche... :D
lo malo de ahora que claro la imagen tiene posiciones absolutas y yo lo
queria dentro de un div y a su vez dentro de un span para poner que la
imagen tenga posicion relativa y acompañe al fondo del div, y asi si cambias
el tamaño de la ventana pues siempre esta la imagen en su sitio.
he probado en meter un div dentro del div o un layer y todo se me
descoloca...
en la css tengo:
.cabecera {
background:url(img/cabecera_quienes.jpg) no-repeat #FFFFFF;
height:153px;
background-position:center;
margin: 0 auto;
padding: 0 10px 0;
width: 740px;
}
.cabecera div{
border:#FF0000 solid thin;
position: relative;
left:550px;
top:0px;
width: 214px;
height: 187px;
background-image: url("img/elemento_cabecera_quienes.png") !important;
background-image: none;
filter: none !important;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/elemento_cabecera_quienes.png');
}
en el html:
<div class="top">
<div class="header">
<div class="esquinaSupIzq"> </div>
<div class="navigation">
<a href="index.html">Home</a>
<a href="index.html">Quienes somos</a>
<a href="index.html">Servicios Online</a>
<a href="index.html">Sala de prensa</a>
<a href="index.html">F.A.Q.</a>
</div>
<div class="esquinaSupDere"> </div>
</div>
<div class="cabecera"><div></div></div>
</div>
Con esto en IE6 me sale una separacion por arriba y otra por debajo, en
cambio en firefox sale todo OK.
Se puede quitar esas separaciones que salen por arriba y por debajo del div
que contiene la foto?
casi casi esta
:)
El día 10/05/07, Oscar martinez novoa <[EMAIL PROTECTED]> escribió:
>
> voy a mirar ahora mismo
> gracias!!
>
> :)
>
> El día 9/05/07, Juan Jorge Muñoz Herrero <[EMAIL PROTECTED]> escribió:
> >
> > Aquí tienes el link con el ejemplo funcionando...
> > http://www.csslab.cl/2006/08/14/pngs-transparentes-en-ie6/
> >
> > El día 9/05/07, Oscar martinez novoa <[EMAIL PROTECTED]> escribió:
> > >
> > > he encontrado una ejemplo pero es un poco "malo"
> > > lo que te hace es que si es firefox te saca el png y si es IE te saca
> > un
> > > gif... pero claro el gif es maluco.
> > >
> > > Si me envias un zip con algo que funcione, perfecto.
> > > Muchas gracias
> > > :)
> > >
> > > El día 9/05/07, Juan Jorge Muñoz Herrero <[EMAIL PROTECTED]> escribió:
> > > >
> > > > De eso nada, en las imágenes de fondo se puede poner perfectamente,
> > te
> > > > busco
> > > > un ejemplo y te lo en vio en un rato.
> > > >
> > > > El día 9/05/07, Oscar martinez novoa <[EMAIL PROTECTED]> escribió:
> > > > >
> > > > > lo estaba poniendo en la css...
> > > > > no lo sabia.
> > > > > ahora estoy probando otra cosa a ver, os comentare a ver si me
> > sale.
> > > > >
> > > > > gracias
> > > > >
> > > > > El día 9/05/07, SkuNk <[EMAIL PROTECTED]> escribió:
> > > > > >
> > > > > > Un apunte Oscar. Ten en cuenta que el pngifx no se aplica sobre
> > las
> > > > > > imágenes
> > > > > > de fondo, únicamente sobre las etiquetas <img/>, por lo que es
> > muy
> > > > > > probable
> > > > > > que eso sea el problema.
> > > > > > Desconozco el funcionamiento de los demás ejemplos, pero quizá
> > pueda
> > > > > estar
> > > > > > relacionado.
> > > > > >
> > > > > > El día 9/05/07, Oscar martinez novoa <[EMAIL PROTECTED]>
> > escribió:
> > > > > > >
> > > > > > > tengo la css y el xhtml en el mismo nivel...
> > > > > > > y no sé que puede ser pero sigo sin verlo...
> > > > > > > :S
> > > > > > > seguire mirando y reportando
> > > > > > > :)
> > > > > > >
> > > > > > > muchas graciasss
> > > > > > >
> > > > > > > El día 9/05/07, Hari Seldon < [EMAIL PROTECTED]>
> > > > > escribió:
> > > > > > > >
> > > > > > > > ¿Qué versión de IE 6 utilizas?
> > > > > > > >
> > > > > > > > Por que si estás usando algún standalone que anda
> > por
> > > ahí,
> > > > o
> > > > > > > > alguna
> > > > > > > > versión antigua de MultipleIE, en alguna de ellas había
> > > problemas
> > > > > con
> > > > > > > los
> > > > > > > > filters, que no los interpretaba bien; puedes bajarte la
> > última
> > > de
> > > > > > > > MultipleIE de aquí:
> > > > > > > >
> > > > > > > > http://tredosoft.com/Multiple_IE
> > > > > > > >
> > > > > > > > Un saludo.
> > > > > > > >
> > > > > > > > ¡Ah!; prueba con el filter así:
> > > > > > > >
> > > > > > > > filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
> > > > > > > > (enabled=true,sizin
> > > > > > > > gMethod=image src='images/png8bits.png');
> > > > > > > >
> > > > > > > > El parámetro de sizingMethod identifica cómo el filtro trata
> > la
> > > > > > imagen,
> > > > > > > si
> > > > > > > > la "estira" con un escalado -ojo, a veces hace una cosa rara
> >
> > > > cuándo
> > > > > se
> > > > > > > usa
> > > > > > > > el valor scale, a mi por ejemplo el otro día un bg
> > transparente
> > > a
> > > > > > pesar
> > > > > > > de
> > > > > > > > que la capa que lo contenía tenía 10 px. de altura, y que la
> > > > imagen
> > > > > > > tenía
> > > > > > > > 10
> > > > > > > > píxeles de altura x 1 de anchura, me lo reescalaba a 15 de
> > > altura
> > > > > por
> > > > > > el
> > > > > > > > ancho de la capa; solución: reescalar la propia imagen, al
> > ser
> > > png
> > > > > 32
> > > > > > > bits
> > > > > > > > no aumentaba el peso, y hacer el sizingMethod como image-;
> > el
> > > > > > parámetro
> > > > > > > > enabled es autoexplicativo; y el src le da la ruta de la
> > imagen,
> > > > que
> > > > > > > cómo
> > > > > > > > te
> > > > > > > > han dicho, ha de ser relativa al documento (x)HTML, y no a
> > la
> > > hoja
> > > > > de
> > > > > > > > estilos.
> > > > > > > >
> > > > > > > > -----Mensaje original-----
> > > > > > > > De: [EMAIL PROTECTED] [mailto:
> > > > > > > > [EMAIL PROTECTED]
> > > > > > > > En nombre de Oscar martinez novoa
> > > > > > > > Enviado el: miércoles, 09 de mayo de 2007 10:57
> > > > > > > > Para: Ovillo, la lista de CSS en castellano
> > > > > > > > Asunto: Re: [Ovillo] png transparente IE6
> > > > > > > >
> > > > > > > > Nose...
> > > > > > > > he mirado y nada.
> > > > > > > > Yo tengo una carpeta y dentro de esta tengo el xhtml y la
> > css y
> > > > > luego
> > > > > > > > tengo
> > > > > > > > una carpeta llamada "img" y nada mas...
> > > > > > > > cuando pongo el filter este, no se ve la imagen ni nada...
> > > > > > > >
> > > > > > > > pero gracias...
> > > > > > > > seguire mirando.
> > > > > > > > :)
> > > > > > > >
> > > > > > > > El día 9/05/07, Juan Jorge Muñoz Herrero <[EMAIL PROTECTED]>
> > > > > escribió:
> > > > > > > > >
> > > > > > > > > Has revisado bien las rutas?? Ten una cosa en cuenta, la
> > ruta
> > > > que
> > > > > > > debes
> > > > > > > > > poner en el filter es la relativa entre el documento
> > (X)HTML y
> > > > la
> > > > > > > > imágen,
> > > > > > > > > no
> > > > > > > > > entre el CSS y la imágen.
> > > > > > > > >
> > > > > > > > > Por ejemplo, si tienes una carpeta llamada 'css' donde
> > guardas
> > > > las
> > > > > > > hojas
> > > > > > > > > de
> > > > > > > > > estilo y dentro de ella una carpeta llamada 'img' con las
> > > > > imagenes,
> > > > > > en
> > > > > > > > > cualquiera de las hojas de estilo tendrías que escribir
> > algo
> > > > > como...
> > > > > > > > >
> > > > > > > > > background: url(img/elemento_cabecera_quienes.png);
> > > > > > > > >
> > > > > > > > > Pero en los filtros de internet explorer tendrías que
> > escribir
> > > > > algo
> > > > > > > > > como...
> > > > > > > > >
> > > > > > > > > filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
> > > > > > > > >
> > > > >
> > (src="css/img/elemento_cabecera_quienes.png",sizingMethod="image");
> > > > > > > > >
> > > > > > > > > Espero que sea eso, saludos.
> > > > > > > > >
> > > > > > > > > --
> > > > > > > > > Juan Jorge Muñoz Herrero
> > > > > > > > > http://www.taarq.com
> > > > > > > > > (0034) 635 10 7142
> > > > > > > > > _______________________________________________
> > > > > > > > > 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
> > > > > >
> > > > > _______________________________________________
> > > > > 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
> > > > >
> > > >
> > > >
> > > >
> > > > --
> > > > Juan Jorge Muñoz Herrero
> > > > http://www.taarq.com
> > > > (0034) 635 10 7142
> > > > _______________________________________________
> > > > 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
> > >
> >
> >
> >
> > --
> > Juan Jorge Muñoz Herrero
> > http://www.taarq.com
> > (0034) 635 10 7142
> > _______________________________________________
> > 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
