Foros del Web » Creando para Internet » CSS »

margin-bottom doble en IE6

Estas en el tema de margin-bottom doble en IE6 en el foro de CSS en Foros del Web. Hola que tal, les cuento; hoy encontre un error en IE6 en mi web cuando la estaba revisando en ese navegador y el problema es ...
  #1 (permalink)  
Antiguo 30/04/2011, 23:02
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 8 años, 3 meses
Puntos: 5
margin-bottom doble en IE6

Hola que tal, les cuento; hoy encontre un error en IE6 en mi web cuando la estaba revisando en ese navegador y el problema es que el margin-bottom que tiene es de 4px y en IE6 sale mas grande de lo normal; le calculo que es el doble

Aqui el codigo css:
Código CSS:
Ver original
  1. .share ul {
  2.     list-style:none;
  3. }
  4.  
  5. .share ul li {
  6.     margin-bottom: 4px;
  7. }
  8.  
  9. .share ul li a {
  10.     color: #848484;
  11.     display: block;
  12.     font-size: 10px;
  13.     line-height: 32px;
  14.     padding: 0 0 0 40px;
  15.     text-decoration: none;
  16. }
  17.  
  18. .share ul li a {
  19.     background: url("images/share-icons.png") no-repeat;
  20. }
  21.  
  22. .share ul li a.facebook {
  23.     background-position: 0 0;
  24. }
  25.  
  26. .share ul li a.twitter {
  27.     background-position: 0 -32px;
  28. }

Alguien sabe porque pasa esto y si me pueden ayudar a solucionarlo se los agradeceria mucho

Saludos y gracias de antemano
  #2 (permalink)  
Antiguo 30/04/2011, 23:34
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 9 meses
Puntos: 192
Respuesta: margin-bottom doble en IE6

Yo he probado ese código y otras alternativas y no veo problemas. Nunca me pasó eso tampoco. Has intentado resteando los estilos del navegador? margin:0, padding:0, line-height:normal y cosas así.
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 01/05/2011, 16:26
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 8 meses
Puntos: 116
Respuesta: margin-bottom doble en IE6

en IE6 aparecen problemas como estos.
el doble margin y/o padding, el problema con los PNG, etc...

Mis alternativas han sido usando un script javascript que hace que IE6 y IE7, se comporten como IE8 y soluciona estos problemas que te he mencionado.

U otra alternativa es usar hacks exclusivos para IE6 y darle un margin menor, tratardo, que quede igual al margin original.

Y por ultimo, usando la misma alternativa de ponerle un padding menor exclusivo para IE6, pero "SIN USAR HACKS" (para que valide), uso una hoja de estilos diferente para IE6.

Saludos.
__________________
Programador jQuery & PHP
  #4 (permalink)  
Antiguo 01/05/2011, 17:08
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: margin-bottom doble en IE6

es común que aparezcan diferencias en las versiones de ie aún trabajando con medidas exactas.
La lectura de este hilo en donde se presentan varias soluciones te puede ser de utilidad.
El usuario kseso? muestra como a traves de comentarios condicionales puedes usar hacks solo para ie y con ello validar ante la w3c.
algo así estará bien...
Código CSS:
Ver original
  1. <!--[if IE 6]>
  2. <link rel="stylesheet" href="css/IE6.css" />
  3. <![endif]-->
Yo muestro dos alternativas, una basada en javascript y otra basada en php. Tu elijes.
Estos metatags te serán útiles para trabajar con las vistas de compatibilidad de ie.

ZoroRoronoa, ¿podrías compartir el script que transforma a ie6 en ie8?

Saludos.
  #5 (permalink)  
Antiguo 01/05/2011, 20:18
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 8 años, 3 meses
Puntos: 5
Respuesta: margin-bottom doble en IE6

okey muchas gracias a todos por responder, entonces si no es por problema o por falta de alguna propiedad de css esta bien al fin de cuantas no se deforma el diseño solo era para que se vieran iguales en todos los navegadores.

Cita:
Iniciado por cristian_cena Ver Mensaje
ZoroRoronoa, ¿podrías compartir el script que transforma a ie6 en ie8?

Saludos.
Saludos y muchas gracias
  #6 (permalink)  
Antiguo 01/05/2011, 22:31
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 8 meses
Puntos: 116
Respuesta: margin-bottom doble en IE6

@cristian_cena

Compatible con IE8 (para IE7 Y IE6)
Código HTML:
Ver original
  1. <!--[if lt IE 8]>
  2.    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  3.    <![endif]-->

Compatible con IE7 (para IE5 Y IE6)
Código HTML:
Ver original
  1. <!--[if lt IE 7]>
  2.    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
  3.    <![endif]-->


*corrige los PNGs transparentes y elimina el doble margen/padding que se aplica cuando los divs están flotando a la izquierda.

NOTA ADICIONAL:
Para que funcione lo de los PNG transparentes, todas las imagenes debes ponerles un nombre que terminen en: -trans

ejemplo:

bg-trans.png
image1-trans.png
logo-trans.png

etc...


Saludos
__________________
Programador jQuery & PHP
  #7 (permalink)  
Antiguo 02/05/2011, 20:09
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: margin-bottom doble en IE6

Gracias zoro.

Etiquetas: doble, ie6
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:03.