Porque mi web se ve diferente en otros anvegadores diferentes a mozilla

[luispaisa]

Hola este e smi sitio http://multimediastudio.net.co/multimediastudio me gustaria saber porque al abrirlo en explorer en y en chrome se ve diferente gracias

[vtj]

Ciao

Porque Iexplorer no sigue todos los standards del w3c y en cambio Firefox, chrome, Opera y Safari los cumplen casi todos

[luispaisa]

en la ultima version de mozilla se ve igual porque será

[lynxstyle]

Iniciado por vtj

Ciao

Porque Iexplorer no sigue todos los standards del w3c y en cambio Firefox, chrome, Opera y Safari los cumplen casi todos

creo que esta afirmación está hecha a la ligera, el código de la web no pasa el validador de W3C ni el de CSS, no sólo se ve diferente en IE, también ocurre con Safari.

Según veo en el CSS .oneColElsCtrHdr y #container estan compartiendo el margin y el width, yo le quitaría esto a .oneColElsCtrHdr ya que este class es para el body y al compartirlo con el div principal puede estar creando problemas.

[vtj]

Iniciado por lynxstyle

creo que esta afirmación está hecha a la ligera, el código de la web no pasa el validador de W3C ni el de CSS, no sólo se ve diferente en IE, también ocurre con Safari...

Ciao

Quizás me he explicado mal, ningun navegador esta a salvo de interpretaciones distintas de los demás, ahora bien Internet Explorer és el que va más por libre y no solo interpreta a su manera (o no interpreta para nada) un montón de propiedades css sino que además está peleado con ajax y da problemas con distintos scripts, hasta Google analytics tuvo que cambiar el primer script asincrono porque daba problemas con Iexplorer 6 (no se abría la página)

A parte de ésto, yo no he mirado su web y por tanto no se si valida o no el w3c, como no se si lo validan las mías (aunque no creo, porque todas empiezan por margin: 0; padding:0;)

[lynxstyle]

ok, pero luispaisa pregunta el por que no se le ve igual, y no es por el navegador, es por su código, el ha puesto bien en #container {margin:0px auto} pero al compartirlo con el class del body esto le estará creando confusión en los navegadores.

También habria que ver la versión de IE que está usando, claro está que IE8 practicamente se porta bien con CSS2 pero si usa otra versión anterior seguro que le dá otros problemas.

[lynxstyle]

A parte del margin comparten el width, por lo que está limitando el body a 1200px, esto hace que el auto del margin no sirva para nada, el que en algunos navegadores se le vea centrado no es por que interpreten bien el CSS, si no todo lo contrario, es por que hacen una interpretación propia, si se elimina esta configuración en el body, seguro que le centrará la web en todos los navegadores, ya que si interpretarian el CSS y no tendrían que recurrir a una interpretación propia.