Foros del Web » Creando para Internet » CSS »

viñetas diferentes en ie que firefox

Estas en el tema de viñetas diferentes en ie que firefox en el foro de CSS en Foros del Web. Me estoy volviendo loco tengo unas viñetas y se ven diferentes en firefox que en iexplorer .. Firefox Explorer el codigo: ul { padding-left: 0; ...
  #1 (permalink)  
Antiguo 27/05/2009, 03:27
 
Fecha de Ingreso: mayo-2005
Mensajes: 118
Antigüedad: 12 años, 6 meses
Puntos: 0
viñetas diferentes en ie que firefox

Me estoy volviendo loco tengo unas viñetas y se ven diferentes en firefox que en iexplorer ..

Firefox


Explorer



el codigo:

ul {
padding-left: 0; /*Limpieza de márgenes (se puede cambiar)*/
margin-left: 25px; /*Indentado de la lista (se puede cambiar)*/
list-style-type: none; /*Quitar estilo de viñeta*/
}


ul li {
padding-left: 18px;
background: url(/images/vineta.gif) 0em 0.3em no-repeat;
margin-bottom: 0.5em;
text-align:left;
min-height:20px;
background-color:red;
}


¿A que se debe?

Gracias.
  #2 (permalink)  
Antiguo 27/05/2009, 03:29
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: viñetas diferentes en ie que firefox

margin-bottom: 0.5em;

ahí en vez de 0.5 ponle un valor entero, sin coma. Ya que yo tuve problemas por eso mismo y me salían distintos, prueba con 1 em, o cambia el tamaño a px
__________________
No diseñes usando tablas.

Última edición por hades87; 27/05/2009 a las 03:30 Razón: ortografía
  #3 (permalink)  
Antiguo 27/05/2009, 03:37
 
Fecha de Ingreso: mayo-2005
Mensajes: 118
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: viñetas diferentes en ie que firefox

Gracias, asi mejora .. pero sigo sin poder ajustar la imagen personalizada para el punto, debido que en internet explorer siempre esta mas arriba que en firefox ...
  #4 (permalink)  
Antiguo 27/05/2009, 04:03
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: viñetas diferentes en ie que firefox

Hola, prueba a resetea ul y li

Código:
margin: 0px;
padding: 0px;
  #5 (permalink)  
Antiguo 27/05/2009, 04:29
 
Fecha de Ingreso: mayo-2005
Mensajes: 118
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: viñetas diferentes en ie que firefox

Nada sigue igual en explorer siempre esta mas arriba la imagen ..
  #6 (permalink)  
Antiguo 27/05/2009, 06:30
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: viñetas diferentes en ie que firefox

y si pruebas a quitar el margin-bottom?
__________________
No diseñes usando tablas.
  #7 (permalink)  
Antiguo 27/05/2009, 06:53
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: viñetas diferentes en ie que firefox

Posiblemente sea debido a la posición del fondo:
Cita:
background: url(/images/vineta.gif) 0em 0.3em no-repeat;
cambia a una unidad absoluta (px) para hacer la prueba, y quizás te convenga ajustar también el valor para "line-height".

Como último recurso puedes aplicar un comentario condicional para corregir esa posición.

Y si estás hablando de ie6, recuerda que no reconoce los "min/max".

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 28/05/2009, 03:15
 
Fecha de Ingreso: mayo-2005
Mensajes: 118
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: viñetas diferentes en ie que firefox

Lo de los valores absolutos lo he probado y nada .. mejora el aspecto pero sigue igual, el line-height hace mejorar tambien el aspecto pero no queda aun perfecto.

¿como se aplican condicionales en css? ¡¡ Perdonen mi ignorancia !!
  #9 (permalink)  
Antiguo 28/05/2009, 03:33
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: viñetas diferentes en ie que firefox

Mira, es tan fácil como buscar un poco por eso que llaman google y encuentras la solución
__________________
No diseñes usando tablas.
  #10 (permalink)  
Antiguo 28/05/2009, 16:06
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: viñetas diferentes en ie que firefox

Hola:

Prueba a ponerlo así:

Código:
margin-bottom: x !important;
margin-bottom: y;
siendo x el valor del margin-bottom que necesites en firefox e y el valor que necesites en IE.

Esto hará que FF le de prioridad a ese margin-bottom (el marcado con !important), IE no reconoce el important con lo que el valor del segundo margin-bottom anulará el primero.

Saludos.

  #11 (permalink)  
Antiguo 08/06/2009, 02:25
 
Fecha de Ingreso: mayo-2005
Mensajes: 118
Antigüedad: 12 años, 6 meses
Puntos: 0
Respuesta: viñetas diferentes en ie que firefox

Jomaruro, muchas gracias por ese gran truco.

Y gracias a todos en general, formamos una buena comunidad.
  #12 (permalink)  
Antiguo 09/06/2009, 14:40
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: viñetas diferentes en ie que firefox

Hola:

De nada, me alegro de que te haya servido.

Saludos.

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 04:37.