Foros del Web » Creando para Internet » CSS »

Separacion ente items de una lista

Estas en el tema de Separacion ente items de una lista en el foro de CSS en Foros del Web. Tengo una lista vertical (o sea un elemento debajo de otro) y veo que la separacion es diferente en IE que en Firefox ¿hay alguna ...
  #1 (permalink)  
Antiguo 04/08/2011, 16:24
 
Fecha de Ingreso: mayo-2003
Mensajes: 523
Antigüedad: 21 años, 6 meses
Puntos: 6
Separacion ente items de una lista

Tengo una lista vertical (o sea un elemento debajo de otro) y veo que la separacion es diferente en IE que en Firefox ¿hay alguna forma de solucionar esto? He intentado con margin y padding pero no logro que queden iguales.
Desde ya muchas gracias,

Tomas.
  #2 (permalink)  
Antiguo 04/08/2011, 16:53
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 14 años, 2 meses
Puntos: 63
Respuesta: Separacion ente items de una lista

Hola saludos.

Puedes usar los hacks para explorer.
http://www.maestrosdelweb.com/editor...rnet-explorer/

Saludos y suerte.
  #3 (permalink)  
Antiguo 04/08/2011, 17:27
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Separacion ente items de una lista

procuremos no usar hacks estos son solo para uso extremo donde de plano ya no encontramos otra salida...

prueba colocar:

Código CSS:
Ver original
  1. #id ul{margin:0 0 0 20px;padding:0;}

si eso no funciona prueba con
Código CSS:
Ver original
  1. #id ul{margin:0;padding:0;}
  2. #id ul li{margin-left:20px;}

y si tampoco funciona, muéstranos el código en cuestión para poder reproducir el problema y dar solución... si lo tienes en vivo mucho mejor así podremos examinar tu código mas fácil y rápido, es muy posible que este en conflicto con alguna otra regla css y no te deje acomodarlo adecuadamente...

también seria conveniente que especificar que versiones de dichos navegadores estas utilizando.
  #4 (permalink)  
Antiguo 04/08/2011, 18:23
 
Fecha de Ingreso: mayo-2003
Mensajes: 523
Antigüedad: 21 años, 6 meses
Puntos: 6
Respuesta: Separacion ente items de una lista

Mi codigo CSS es muy simple:

#botonera ul
{
list-style-type: none;
margin:0;padding:0;
}
#botonera ul li
{
margin-bottom:0px;
}

Version de IE: 8
Version de Firefox: 5

La distancia entre los items de la lista es diferente.

Probe los hacks y ninguno funciona con IE 8.
Probe el codigo sugerido por Ag666 y no funciona.
  #5 (permalink)  
Antiguo 05/08/2011, 10:28
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Separacion ente items de una lista

Cita:
Iniciado por Tomas_Liendo Ver Mensaje
Mi codigo CSS es muy simple:

#botonera ul
{
list-style-type: none;
margin:0;padding:0;
}
#botonera ul li
{
margin-bottom:0px;
}

Version de IE: 8
Version de Firefox: 5

La distancia entre los items de la lista es diferente.

Probe los hacks y ninguno funciona con IE 8.
Probe el codigo sugerido por Ag666 y no funciona.
haber amigo o yo ando muy ido o tenemos un problema de semántica para entendernos...

viendo la lista en Firefox difiere a como se ve en IE o viendo la lista en Firefox se ven los item de la lista a diferente distancia, algo así como escalera o unos mas altos que otros pero en el mismo navegador

¿tienes el sitio en vivo para poderlo ver? o muéstranos todo el código HTML y CSS necesario para poder reproducir el problema... con el CSS mostrado yo lo veo bien y no debería haber problemas, salvo que exista algún conflicto en tu HTML o con alguna otra regla CSS

Etiquetas: ente, firefox, items, lista, separacion
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 21:25.