Dieferencias entre navegadores

[D-progress]

Hola, he hecho una búsqueda y me ha parecido raro no encontrar nada en el foro, será que he buscado mal.

Lo siento si está repetida la pregunta, pero ¿me podríais decir una web donde aparezcan las distintas formas en que diferentes navegadores interpretan los css?
Estoy empezando a trasladar mis webs de tablas a css únicamente y no consigo que se vea igual en el Mozilla y en el Explorer.
Estoy teniendo problemas sobre todo con los margenes.

Gracias!

[Elig]

El eterno dilema. En un principio no debes tener problemas con los margenes.

Yo tuve al principio el siguiente problema:

Ejemplo:

width:20 px; ... y sólo funcionaba en explorer

después cambié a:

width:20px; ... y funcionó todo bien desde entonces.

Si no es algo así, publica el código para poder echarle una mirada.

Saludos,

[kemie]

desafortunadamente ie tiene problemas con margenes y contenidos. checate esta pagina:
http://tantek.com/CSS/Examples/boxmodelhack.html
y si no, busca mas en google "box model hack", para explicaciones mejores

[Elig]

Torpe soy!! perdonad pero es que interpreté mal la pregunta.

Sorry

[D-progress]

Hola,
Gracias por las respuestas, las de ambos

Ayer estuve experimentando un poco con los css que tenía y he conseguido por lo menos que se vea igual en explorer 5.5+ y Mozilla 1.0.

Un problema que he tenido que solventar con apaño es que en IE si meto una etiqueta float junto con una de margen, me agrega 1px al margen. Este es el código:
#menu {
float: left;
margin: 0px 0px 3px 3px;
width: 150px;
background: #5A6984;
}

Esos 3px de la izq, se ven como 4px.
La solución que he encontrado es meter el menu dentro de un "contendor" que sólo tenga la etiqueta float.
¿A alguien le ha pasado esto?

Me preguntaba si puede ser problema mio de mal uso de la sintaxis. Utilizo Top Style Little.

Gracias de nuevo

[GG]

En esta página encuentras varios errores detectados de funcionamiento de las hojas de estilo

http://css.nu/pointers/bugs-ie.html#IE5

Tal vez las otras etiquetas te están jugando una mala pasada

[Vampiro]

Hola!

El problema más grande que vas a tener con los layouts en CSS es que los dos navegadores que utilizas (IE5 y Mozilla) usan un modelo diferente de medición. Hasta la versión 6 de IE, Microsoft tenía su propia manera de interpretar los valores numéricos de anchura y altura.

Me explico. Siguiendo los estándares actuales, si defines un div con una anchura de 100 pixels, a esto le añades un borde de 10 pixels y un margen de 20, vas a acabar con un bloque que mida 130 pixels (100+10+20).

El problema es que IE5, cuando se encuentra con una definición como width: 100px; entiende que en ese espacio debe incluir el borde y el margen, con lo que tu div de 100 píxels quedará reducido a 70.

Increíble, ¿no?

Afortunadamente hay varias maneras de engañar a IE5, es lo que se conoce como el "Box model hack".

Hay abundante información sobre el tema en Internet. Uno de los más claros que he encontrado es:

http://css-discuss.incutio.com/?page=BoxModelHack

Si no juegas con los bordes ni los márgenes no vas a tener este problema, pero, como seguro que te tocará, espero que te haya servido de ayuda.

[D-progress]

Gracias por la información Vampiro!
Algo había leido, pero todavía no me había metido de lleno en ello, lo miraré!