Me cambia la pagina en diferentes exploradores como lo arreglo??

[Dustito]

Hola amigos, estoy empezando con esto del diseño web.

Habia creado 2 paginas con html y css las cuales he ido probando con el IE6 que tengo instalado en mi pc. Ayer estube en casa de mi hermano que tiene el firefox y las paginas me cambiaron.
Las paginas en cuestion son

http://favorita.freehostia.com/

http://modussi.freehostia.com/

En la primera el menu se me sube y me quedan dos margenes transparentes a los lados.
La segunda me cambia el menu y que se me va la pagina a la izquierda cuando en IE sale centrada.

Haber si algun entendido mirando el codigo me puede decir donde estoy fallando, sobre todo la de http://favorita.freehostia.com/ pues la otra es ficticia.

Un saludo y gracias de antemano por la ayuda.

[javioreto]

Saludos, eso le pasa a todo el mundo, que una web con css el ie6 lo interpreta de un modo, mientras que el ie7, firefox o incluso el netscape lo interpreta de otro modo. Lo que hace la mayoría de los programadores es tener los tres navegadores instalados en el pc y comprovar la visualización en cada navegador (también hay web´s que te permiten obrtener capturas de como se vería tu web en diferentes navegadores y so).

Yo por ejemplo, cuando ya no se donde está el fallo y no se como solucionarlo, hago parte en maquetación con CSS y donde me da el fallo lo maqueto en tablas. De todas formas en CSS se pude hacer códigos que solo los lean el ie6 y que el 7 los pase por alto y viceversa. No recuerdo bien como era pero basicamente era poner una * o una ! o ambas dos *! ante los combres de los estilos CSS, que alguien me saque de la duda.

[Dustito]

Gracias, haber si alguien puede decir tambien cual es la pagina que te muestra como se ve en diferentes navegadores

[guilledocke]

La pagina donde puedes verificar la visualización en diferentes navegadores es http://browsershots.org/ pero es muy lenta

Algunos hacks para diferentes navegadores, ejemplo:

.div {
width: 400px; (esto lo leera firefox)
_width: 400px; (esto lo leera ie6)
*width: 400px; (esto lo leera ie7)
}

lo mejor es crear un css diferente para cada navegador, ya que los hacks de arriba no son standard y no validan

saludos!!

[Dustito]

Iniciado por guilledocke

lo mejor es crear un css diferente para cada navegador, ya que los hacks de arriba no son standard y no validan

saludos!!

Ok! entonces una preguntilla como hago para decirle al navegador que use una hoja de estilo o otra? esto me suenan los tiros pa javascript pero la verdad que no se, es muy complicado o se puede hacer copiando un codigo??

Por otro lado para que navegardor me recomendais que haga la primera version de la pagina web y luego modifique esta para los demas navegadores.

Un saludo coleguillas

[guilledocke]

En el siguiente post explico de que manera lo soluciono http://www.forosdelweb.com/f91/mi-si...a-link-580500/

saludos