Foros del Web » Creando para Internet » CSS »

Por qué funciona diferente el margen en ie y firefox

Estas en el tema de Por qué funciona diferente el margen en ie y firefox en el foro de CSS en Foros del Web. Saludos: Lo siento, hoy estoy pesadito.....;) Me he encontrado que el IE pone el contenido de estas reglas más a la derecha que el firefox. ...
  #1 (permalink)  
Antiguo 28/08/2007, 06:31
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
Por qué funciona diferente el margen en ie y firefox

Saludos:
Lo siento, hoy estoy pesadito.....;)

Me he encontrado que el IE pone el contenido de estas reglas más a la derecha que el firefox.
¿Hay alguna forma de que queden colocadas en el mismo sitio?

Código:
div#previacita{
    width: 123px;
    height: 23px;
    background-image: url(previa.gif);
    margin-top: 18px;
    margin-left: 30px;
    float: left;
}

div#solicitarcita{
    width: 144px;
    height: 27px;
    margin-top: 18px;    
    margin-left: 20px;
    float: left;
    cursor: pointer;
}

div#skype{
    width: 34px;
    height: 32px;
    margin-top: 15px;    
    margin-left: 310px;
    float: left;
    cursor: pointer;
}
div#rss{
    width: 26px;
    height: 26px;
    margin-top: 18px;    
    margin-left: 20px;
    float: left;
    cursor: pointer;
}
Gracias por todo
__________________

Espero haber aprendido algo de tí.
A mi padre.
  #2 (permalink)  
Antiguo 28/08/2007, 06:33
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: Por qué funciona diferente el margen en ie y firefox

Los márgenes externos, internos y bordes IE se los toma del width establecido.

Los otros navegadores los suman al width establecido.

Así un width de 200px con un margin de 10 dará un total de 200px de anchura para IE y 220px para los demás

er ... ¿era eso o era otra cosa?
  #3 (permalink)  
Antiguo 28/08/2007, 06:52
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
Re: Por qué funciona diferente el margen en ie y firefox

Exacto, pero entonces..... como rayos se arregla o disimula eso, porque aunque ahora estoy un tanto embotado creo que si es así no tiene solución
__________________

Espero haber aprendido algo de tí.
A mi padre.
  #4 (permalink)  
Antiguo 28/08/2007, 07:03
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: Por qué funciona diferente el margen en ie y firefox

Hombre, es un poco engorroso pero a grandes males... puedes usar los comentarios condicionales para IE ¿sabes lo que son?
  #5 (permalink)  
Antiguo 28/08/2007, 11:13
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
Re: Por qué funciona diferente el margen en ie y firefox

Según he podido leer por ahí, creo que te refieres a estilos que solo interpreta el IE.
El asunto es que no se como se construyen, he visto algunos "trucos" para resolver algunas cosas pero no para esto que me ocupa.
La verdad estoy comenzando en esto de las css y creo que todavía no me aclaro mucho con ellas.
__________________

Espero haber aprendido algo de tí.
A mi padre.
  #6 (permalink)  
Antiguo 29/08/2007, 01:38
Avatar de Kamarada_Malkav  
Fecha de Ingreso: octubre-2005
Ubicación: Madrid
Mensajes: 70
Antigüedad: 12 años, 1 mes
Puntos: 0
Re: Por qué funciona diferente el margen en ie y firefox

Puedes usar algun "hack" como "_", pero no valida así que lo suyo es hacerlo con una hoja de estilos personalizada para explorer, de esta manera:

Código:
<!--[if IE]>
<link href="css/ie.css" rel="stylesheet" type="text/css" media="screen">
<![endif]-->
Saludos.
  #7 (permalink)  
Antiguo 29/08/2007, 04:31
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: Por qué funciona diferente el margen en ie y firefox

Esa es la idea. Crea otra hoja de estilos sólo con lo que quieras que para IE tenga valores diferentes y la vinculas debajo de la hoja de estilos general usando los comentarios condicionales para IE tal y como te ha sugerido Kamarada_Malkav
  #8 (permalink)  
Antiguo 01/09/2007, 15:26
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Re: Por qué funciona diferente el margen en ie y firefox

Cita:
Iniciado por Tunait
Los márgenes externos, internos y bordes IE se los toma del width establecido.
Observación 1: eso sólo sucede hasta Internet Explorer 5.x; a partir de la versión 6 el modelo de cajas se interpreta correctamente si se utiliza un DOCTYPE correctamente.

Observación 2: los márgenes externos no tienen implicancia en el modelo de cajas de IE 5.x, sólo el ancho (width), los márgenes internos (padding) y los bordes (border).

:D
__________________
El conocimiento es libre: Movimiento por la Devolució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.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:08.