Re: [Ovillo] Problemas con maquetacion: Pixeles Malignos (Un bug?)
Carlos,
Muchisimas gracias por la solución! :)
Le pegaste exáctamente al problema. Aunque tuve que diferenciar un poco de la
solución de PIE ya que el problema si me sucedia en IE6.
Así solucione el problema:
/* Inicio - Fix: Bug maligno IE */
* html #menu img{
margin-bottom:-3px;
}
/* Fin - Fix: Bug maligno */
Cómo bien recomienda PIE tan hack y solucionado.
Te agradezco un resto,
Saludos
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of carlos campderrós
Sent: Lunes, 05 de Junio de 2006 10:38 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Problemas con maquetacion: Pixeles Malignos (Un bug?)
On 6/5/06, webmaster <[EMAIL PROTECTED]> wrote:
>
> Podrán observar un menu del lado izquierda con una imágen de dos manos
> estrechandose. En el firefox no hay ningún problema pero si lo miran
> en IE (cuando no! XD ) observaran una línea de 3 pixeles de tamaño
> entre la imágen y el primer .
>
por eso de los 3 pixeles, parece cosa de un conocido y maléfico bug de IE.
Mira esta página a ver si te ayuda:
http://positioniseverything.net/explorer/threepxtest.html
--
Si no puedes deslumbrar con tu inteligencia, desconcierta con tus gilipolleces
___
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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con maquetacion: Pixeles Malignos (Un bug?)
On 6/5/06, webmaster <[EMAIL PROTECTED]> wrote: > > Podrán observar un menu del lado izquierda con una imágen de dos manos > estrechandose. En el firefox no hay ningún problema pero si lo miran en IE > (cuando no! XD ) observaran una línea de 3 pixeles de tamaño entre la imágen > y el primer . > por eso de los 3 pixeles, parece cosa de un conocido y maléfico bug de IE. Mira esta página a ver si te ayuda: http://positioniseverything.net/explorer/threepxtest.html -- Si no puedes deslumbrar con tu inteligencia, desconcierta con tus gilipolleces ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problemas con maquetacion: Pixeles Malignos (Un bug?)
Hola amigos de Ovillo,
Para iniciar un saludo a todos y de nuevo agradeciendo la ayuda que me han dado
con mis correos anteriores. Me encuentro ahora con otro problema el cual
aunque ya le di una solución parcial me intriga entender mejor:
En la siguiente página web:
http://168.234.195.202/test/negociosv2-3/bug.html
Podrán observar un menu del lado izquierda con una imágen de dos manos
estrechandose. En el firefox no hay ningún problema pero si lo miran en IE
(cuando no! XD ) observaran una línea de 3 pixeles de tamaño entre la imágen y
el primer .
El código es:
Menu
http://168.234.195.202/negocios-v2/default.asp";>Página
Principal
¿Quienes Somos?
Directorio Empresarial
Capacitación
Bolsa de Empleo
http://168.234.195.202/negocios-v2/relaciones-comerciales/";>Relaciones
Comerciales
Revista Mundo
Ferial del Comercio
Relaciones Institucionales
Tecnología de Negocios
Salones y Banquetes
http://168.234.195.202/negocios-v2/servicio-al-cliente/";>Servicio
al Cliente
Gremiales
Enlaces
Contáctenos
El CSS relevante es:
#menu {
width:149;
margin:0px;
padding:0px;
background-color:#600;
border-right: #000 solid 1px;
border-top: #000 solid 1px;
border-bottom: #000 solid 1px;
}
#menu p{
font-size:9pt;
margin:0px;
padding:0px;
display: block;
background:#ccc;
color:#000;
text-align:center;
border-bottom: solid 1px #000;
}
.primer-item-menu{
font-size:9pt;
display:block;
color: #000;
background-color: #ccc;
text-align: center;
margin:0px;
padding:0px;
}
Me pase buena tarde de mi noche y madrugada tratando de encontrar cual pudiera
ser el problema, incluso intente:
* {
margin: 0;
padding: 0;
}
y no funciono, al final encontre una solución que solo pone un parche al
asunto, sacrificando un poco de visibilidad en el FF:
/* Inicio - Fix: Bug maligno IE */
#menu img{
margin-bottom:-3px;
border-bottom: solid 1px #000;
}
/* Fin - Fix: Bug maligno */
Aquí mando un link a la versión solucionada:
http://168.234.195.202/test/negociosv2-3/plantilla.html
Bueno, les agradezco que hayan llegado hasta aca de mi correo, espero sus
respuestas y consejos.
Saludos!
___
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://ovillo.org/mailman/listinfo/ovillo
