Por qué funciona diferente el margen en ie y firefox

[ciberpata]

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

[tunait]

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?

[ciberpata]

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

[tunait]

Hombre, es un poco engorroso pero a grandes males... puedes usar los comentarios condicionales para IE ¿sabes lo que son?

[ciberpata]

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.

[Kamarada_Malkav]

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.

[tunait]

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

[frijolerou]

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