Hola Belen,

prueba flotar a la izquierda también la caja:

.iconos .principal {
       float:left;
}

Si no se ve bien en FF prueba definirle también un width.

Espero te sirva.

Un saludo,
Tamara

On 9/25/07, Belen Zumalacarregui <[EMAIL PROTECTED]> wrote:
>
> Hola Inmaculada:
>
> El margin y el padding estan a 0, y si las floto a la izquierda las 3,
> es raro, pero en FF se ve mal!! Sale cada una por un lado...
>
> Tal vez sea que debería distribuir las capas de otra forma para que de
> paso , también pudieran crecer verticalmente si hay más texto..
>
> Muchas gracias por responder!!
> Saludos
>
> El 25/09/07, Inmaculada Hidalgo Berni
> <[EMAIL PROTECTED]> escribió:
> > Hola Belén,
> >
> > Ese mismo problema lo tuve yo el otro día. Tienes que flotar todas las
> capas
> > a la izquierda y poner el padding y el margin a 0 en las tres capas.
> >
> > Venga, ánimo, no desesperes.
> >
> > Un saludo
> >
> >
> >
> > -----Mensaje original-----
> > De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED]
> > En nombre de Belen Zumalacarregui
> > Enviado el: martes, 25 de septiembre de 2007 17:22
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: [Ovillo] Bug 3 PX en IE6
> >
> > Hola a todos,  se que es una tontería pero debe ser que ya la cabeza
> > no me da para más y me he bloqueado. Mi problema son los 3 pixeles
> > dichosos que deja IE6 cuando flotas varios divs. Lo he intentado todo,
> > he mirado todos los posts que hay de
> > The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
> >
> > El caso es que tengo que conseguir una caja, a base de 3 divs, uno con
> > la imagen de fondo del borde redondeado izq, otro con una img de fondo
> > que se repita en y según el ancho del texto,y otra con el borde
> > derecho.
> >
> > El código sería:
> >  <div class="iconos">
> >      <div class="top_iconos"></div>----borde izq
> >      <div class="bottom_iconos"></div>--borde derecho
> >      <div class="principal"></div>---texto
> > </div>
> >
> > Y los estilos los he puesto así:
> > #central .iconos .top_iconos{
> >         background: url(../images/admin_izq.gif) no-repeat left top;
> >         height: 287px;
> >         width: 27px;
> >         float:left;
> >         font-size:1px;
> > }
> >
> > #central .iconos .principal{
> >         background: url(../images/bg_admin.gif) repeat-x left top;
> >         height: 287px;
> >         float:none;
> >
> > }
> >
> > #central .iconos .bottom_iconos{
> >         background: url(../images/admin_dch.gif) no-repeat left top;
> >         height: 287px;
> >         width: 28px;
> >         float:right;
> >         font-size:1px;
> > }
> >
> > ¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y otros
> > 3 por la izq?
> > 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
> >
> >
> > __________ NOD32 2353 (20070625) Information __________
> >
> > This message was checked by NOD32 antivirus system.
> > http://www.eset.com
> >
> >
> > _______________________________________________
> > 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

Responder a