[Ovillo] Bug 3 PX en IE6

2007-09-25 Por tema Belen Zumalacarregui
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/divborde 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


Re: [Ovillo] Bug 3 PX en IE6

2007-09-25 Por tema Inmaculada Hidalgo Berni
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/divborde 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


Re: [Ovillo] Bug 3 PX en IE6

2007-09-25 Por tema Belen Zumalacarregui
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/divborde 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


Re: [Ovillo] Bug 3 PX en IE6

2007-09-25 Por tema Tamara Forza
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/divborde 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


Re: [Ovillo] Bug 3 PX en IE6

2007-09-25 Por tema Belen Zumalacarregui
Hola Tamara: También había probado ponerle un width pero si lo hago, y
cambio la resolución de pantalla a una menor, se desmorona al caja, y
pretendo que se mantenga uniforme independientemente de la
resolución...

Muchas gracias de todas formas!!

El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
 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/divborde 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

___
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] Bug 3 PX en IE6

2007-09-25 Por tema Tamara Forza
Y flotando a la izquierda la caja central no te vale? Sin ponerle ningun
width debería ajustarse al contenido... de todas forma no lo he probado.

Un saludo!

On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:

 Hola Tamara: También había probado ponerle un width pero si lo hago, y
 cambio la resolución de pantalla a una menor, se desmorona al caja, y
 pretendo que se mantenga uniforme independientemente de la
 resolución...

 Muchas gracias de todas formas!!

 El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
  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/divborde 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
 
 ___
 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

Re: [Ovillo] Bug 3 PX en IE6

2007-09-25 Por tema Belen Zumalacarregui
lo gracioso es que en IE 6 y 7 funciona perfecto pero no en FF, por
hoy lo dejo con width en porcentajes, y todas las capas flotando a la
izq que así al menos  se ve bien en los 3...

Muchísimas gracias!

El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
 Y flotando a la izquierda la caja central no te vale? Sin ponerle ningun
 width debería ajustarse al contenido... de todas forma no lo he probado.

 Un saludo!

 On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
 
  Hola Tamara: También había probado ponerle un width pero si lo hago, y
  cambio la resolución de pantalla a una menor, se desmorona al caja, y
  pretendo que se mantenga uniforme independientemente de la
  resolución...
 
  Muchas gracias de todas formas!!
 
  El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
   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/divborde 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

Re: [Ovillo] Bug 3 PX en IE6

2007-09-25 Por tema final20
Mmmm.. y si haces 2 estilos? uno para firefox y uno condicional para IE?
por ejemplo:
!--[if lt IE 7.]
link href=ie.css rel=stylesheet type=text/css /
![endif]--
así mantienes tu hoja de estilos para firefox y solo agregas los cambios 
para que se vea bien en FF

Belen Zumalacarregui escribió:
 lo gracioso es que en IE 6 y 7 funciona perfecto pero no en FF, por
 hoy lo dejo con width en porcentajes, y todas las capas flotando a la
 izq que así al menos  se ve bien en los 3...

 Muchísimas gracias!

 El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
   
 Y flotando a la izquierda la caja central no te vale? Sin ponerle ningun
 width debería ajustarse al contenido... de todas forma no lo he probado.

 Un saludo!

 On 9/25/07, Belen Zumalacarregui [EMAIL PROTECTED] wrote:
 
 Hola Tamara: También había probado ponerle un width pero si lo hago, y
 cambio la resolución de pantalla a una menor, se desmorona al caja, y
 pretendo que se mantenga uniforme independientemente de la
 resolución...

 Muchas gracias de todas formas!!

 El 25/09/07, Tamara Forza [EMAIL PROTECTED] escribió:
   
 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/divborde 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