porque mi web se ve diferente en cada navegador

Iniciado por Siempre Azul, 3 Marzo 2014, 14:28 PM

0 Miembros y 1 Visitante están viendo este tema.

Siempre Azul

hola amigos porque mi web se ve diferente en cada navegador? ejemplo en firefox dejan  de salir cuadros y otras cosas en cambio en internet explorer sale todo, tambien en el internet explorer me sale la barra de desplazamiento que esta a la derecha de color negro en cambio en firefox se ve normal.

estoy usando microsoft expression web 2.0 sera por eso? o porque estoy usando codigos que tenia guardados de hace varios años y ya no sirven con firefox?

otra cosa la pagina cambia cuando cambio de monitor o resolucion, veran tengo 2 pcs una vieja con 800x600 monitor 17" y la otra con monitor 19" con resolucion de 1400x o mayor, y en la vieja la pagina se ve perfectamente mientras que la nueva se ve muy pequeña, he googleado y he encontrado que si cambio los pixeles (px) por porcentajes (%) se arreglaba pero yo lo hice y la pagina se descuadro toda y se ve mal en ambos monitores, queria saber si hay un conversor de pixeles a porcentajes o algo asi para calcular para que quede bien la pagina y se vea bien en todos los monitores.

muchas gracias de antemano.
Siempre Azul, Nunca Rojo.

EFEX

1 - Cada navegador interpreta de diferente forma las propiedades CSS, incluso JS, por eso se utiliza librerias como JQuery que son cross browser, soportan la mayoria de los navegadores incluso IE7.

2 - Nunca use ese programa, pero al igual que dreamweaver por mas actualizados que esten no soportaran cada navegador. Es preferible aprender CSS y armarlo uno mismo, es facil..
http://www.mclibre.org/consultar/amaya/css/css_quees.html

3 - Tenes que definir los demas elementos en porcentaje tambien(ademas de tener en cuenta padding, margin, etc).. podes buscar sobre fixed, fluid, elastic.
http://coding.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/

Si definiste 920px de largo es obvio que en una resolucion chica(800x600) va a ocupar mas espacio, si queres que sea compatible segun la resolucion (incluso tables y celulares) esta tecnica se llama Diseño web responsivo, Diseño web adaptable, es puro CSS tambien y JS.. pero si andas en un apuro existe un framework que te salvara..

http://getbootstrap.com/
GITHUB 

#!drvy

El que no se vean iguales en los navegadores es la esencia de la WEB xD. Como te dijo EFEX, cada uno tiene su propio motor de renderizado y javascript.

Es como si intentaras que un Audi y un BMW se comporten de la misma manera ·_·

Saludos