3 millones en foros del web

Registrarte Políticas Wiki 120segs Ayuda Iniciar sesion

Retroceder   Foros del Web > Diseño de Sitios web > CSS
Respuesta
 
Herramientas Desplegado
Antiguo 10-abr-2007, 03:38   #1 (permalink)
capagris (Reg: julio-2003)
 
113 Mensajes
capagris está desconectado
problemas con margin en explorer 6

Muy buenas.

desde la salida explorer 7 testeo mis maquetaciones en explorer 6 , 7 y en firefox.

Un problema al que no encuentro solución es que se puedan ver igual los "div" con el mismo margin en los tres navegadores, en explorer 7 y firefox se ve igual, sin problemas, pero en explorer 6 el margin se hace mayor.

Por ejemplo si le aplico a una etiqueta el atributo margin y como valores 0 0 0 25px; para que tenga un espación lateral de 25 px, en explorer 6 el margen es mayor.

Hay alguna manera de solucionarlo para que se vea en los tres igual?


Muchas gracias
__________________
..::Todo lo que no aprendí, no se me ha olvidado.::..
  Responder Citando
Antiguo 10-abr-2007, 14:40   #2 (permalink)
manujav (Reg: julio-2006)
 
63 Mensajes
manujav está desconectado
Re: problemas con margin en explorer 6

prueba con:

margin:0 0 0 25px;
_margin:0 0 0 -25px;

La instrucción con guión bajo sólo afecta a IE6, pero no sé si pase lo mismo con IE7.

Saludos
__________________
Feo, muy feo foro...
www.electri-k.tk
  Responder Citando
Antiguo 23-abr-2007, 04:21   #3 (permalink)
capagris (Reg: julio-2003)
 
113 Mensajes
capagris está desconectado
Re: problemas con margin en explorer 6

Muchas gracias manujav.

de esta forma se soluciona en explorer 6 pero ahora se ve mal en exporer 7.


Esto parece de locos.

alguien sabe alguna solución?
__________________
..::Todo lo que no aprendí, no se me ha olvidado.::..
  Responder Citando
Antiguo 23-abr-2007, 05:53   #4 (permalink)
 
232 Mensajes
JHMorales está desconectado
Re: problemas con margin en explorer 6

Hola:
pón al comienzo del css:

* {
padding: 0;
margin: 0;
z-index: 1;
}
así anulas todos los paddin y margin que ponen los navegadores por defecto. Suerte, Jorge H.
  Responder Citando
Antiguo 23-abr-2007, 12:51   #5 (permalink)
manujav (Reg: julio-2006)
 
63 Mensajes
manujav está desconectado
Re: problemas con margin en explorer 6

Hola Jorge:
Pues definitamente ese tip es excelente, ya que es como resetear todos los valores y empezar de 0, con lo que el sitio se ve igual en TODOS los navegadores...
Encontramos el santo grial de CSS!!!
(bueno creo que exageré un poco )
__________________
Feo, muy feo foro...
www.electri-k.tk
  Responder Citando
Antiguo 23-abr-2007, 12:53   #6 (permalink)
manujav (Reg: julio-2006)
 
63 Mensajes
manujav está desconectado
Re: problemas con margin en explorer 6

Bueno, por lo menos incluyanlo en las FAQs de CSS no?
__________________
Feo, muy feo foro...
www.electri-k.tk

Última edición por manujav; 23-abr-2007 a las 16:53
  Responder Citando
Antiguo 04-jun-2007, 19:10   #7 (permalink)
Raspinu (Reg: agosto-2003)
 
83 Mensajes
Ubicación: Barcelona
Raspinu está desconectado
Re: problemas con margin en explorer 6

Cita:
* {
padding: 0;
margin: 0;
z-index: 1;
}
OK!!

Estaba buscando una solucion para un problema con Firefox y Ie el cual al poner un <h2> me daba problemas ya que en el Firefox siempre salia 3 pixels más bajo ....y ..

Con lo que comento JHMorales se soluciono!!!.

__________________
Did-Web.com -Diseño y Desarrollo Web-
http://www.did-web.com
  Responder Citando
Antiguo 05-jun-2007, 16:37   #8 (permalink)
marcelomdsc (Reg: junio-2007)
 
705 Mensajes
Ubicación: Windsor, California.
marcelomdsc está desconectado
Re: problemas con margin en explorer 6

otra forma de lograr eso, y sobre todo para cuando precisas arreglar mas de un problema con un determinado explorador es, "if conditional statement"

como por ej:...

<!--[if IE 6]>
<style type="text/css">
#ejemplo {
margin: 0px;
}
</style>
<![endif]-->

eso lo pones despues de tu link para css.
  Responder Citando
Antiguo 24-oct-2008, 14:12   #9 (permalink)
aventura4ever (Reg: octubre-2007)
 
41 Mensajes
aventura4ever está desconectado
Alegría Respuesta: problemas con margin en explorer 6

Hola, ninguno de los métodos que ponen aquí me sirvió así que seguí buscando y encontré la solución, (solo para dejar como archivo ) agregar esto:

Código:
display:inline;
a los atributos del div para quitar el margin y padding por defecto. entre ellos del IE6

Salu2

Última edición por aventura4ever; 24-oct-2008 a las 14:24
  Responder Citando
Respuesta
No hay votos aún.
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.

Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code está Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado
Trackbacks está Desactivado
Pingbacks está Desactivado
Refbacks está Desactivado



La zona horaria es GMT -6. Ahora son las 20:57.
Políticas de Uso de Foros del Web


Message Board Statistics

SEO by vBSEO 3.3.2

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104