Foros del web, para los que viven de bits

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.

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.

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

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!!

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

En el siguiente post explico de que manera lo soluciono Mi sitio se mal con FIREFOX, mirá el link...

saludos