css y firefox

bueno segui los cursos de la pag el de html, css y las practicas con divs hasta ahi todo bn porque el html usa explorer para habrir las pag. luego me puse a hacer una paguina yo desde cero, pero al momento de subirla al servidor y ver como estaba quedando me percate de que firefox (7.0.1) no toma barias cosas del css como las imagenes de fondo, tamaño de enlases y tamaño de la letra de h2. abajo dejo la pagina que subi al servidor, en la cual tampoco puedo ver una imagen que puse pero parese ser problema del servidor porque habriendo los archivos de mi pc (con firefox o iE) si la veo perfectamente igual nesesitaria ayuda para solucionarlo.
les doy gracias de antemano.

http://wabdelchelo.webcindario.com/index.html

Copia aquí el código CSS para poder echarle un vistazo y ver donde puede estar el fallo.

Un saludo.

perdon me habia olvidado :P

*{margin:0px;padding:0px;border:0px;}
body {text-align:center;}
p {text-align:justify;}
h1{font-size:1.4em; color:black; font-weight:bold; text-decoration:underline; text-align:center;}
h2 {font.size:1.2em; color:black; font-weight:bold; text-decoration:none; text-align:center;}
#glob {width:800px; margin: 4px auto;}
#marksup {background-image:url(obj\fondo1.png);height:28px;}
#pag {background-image:url(obj\fondo2.png);padding:0px 15px 0px 15px;}
#cab {height:100px;background-color:white;margin:0px 4px 0px 4px;}
#logo {background-color:white;height:100px;width:150px;float:left;margin-right: 6px;}
#banr {background-color:green;height:100px;width:606px;float:left;}
#menu {height:38px;background-image:url(obj\menu1.jpg);padding:0px 1px 0px 1px;}
#bmenu {float:left;}
#menu a {font-sixe:12px ; text-decoration: none ;color:black;height:38px;padding-top:8px;width:192px;border: silver 0px 1px 0px 1xp solid;}
#menu a:hover {background-image:url(obj/menu2.png);}
#cmenu {float:left;background-image:url(obj/menu3.png);}
#cmenu a:hover {background-image:url(obj/menu3.png)}
#cont {margin:20px;}
#cont p {text-indent:15px;}
.der10 { margin: 4px 10px 4px 0px}
#pie {background-color:white;border-top:black 1px solid;padding: 4px 0px 0px 0px;}
#pie p {font-size:10;text-align:center;}
#markinf {background-image:url(obj\fondo3.png);height:27px;}

Hay algunos errores de sintaxis en el código:


En la línea del H2:------- No es font.size sino font-size.

Para las imágenes:------ Hay alguna rutas de imágenes mal escritas. La ruta no se escribe con esta barra "\" sino esta "/"

En la línea #logo:------ Quita el espacio que hay en margin-right (Has escrito ma rgin-right:6px;)

En #menu a:--------- Es font-size (has puesto font-sixe)


Creo que con cambiando esas cosilla debe mostrarse la página como quieres. Ya me cuentas.

Un saludo!!

ahi lo arregle, me soluciono algunas cosas pero sigo teniendo problemas con los linksque deberian ser de otro tamaño :S

*{margin:0px;padding:0px;border:0px;}
body {text-align:center;} 
p {text-align:justify;}
h1{font-size:1.4em; color:black; font-weight:bold; text-decoration:underline; text-align:center;}
h2 {font-size:1.2em; color:black; font-weight:bold; text-decoration:none; text-align:center;} 
#glob {width:800px; margin: 4px auto;}
			#marksup {background-image:url(obj/fondo1.png);height:28px;}
			#pag {background-image:url(obj/fondo2.png);padding:0px 15px 0px 15px;}
					 #cab {height:100px;background-color:white;margin:0px 4px 0px 4px;}
					 			#logo {background-color:white;height:100px;width:150px;float:left;margin-right: 6px;}
								#banr {background-color:green;height:100px;width:606px;float:left;}
					 #menu {height:38px;background-image:url(obj/menu1.png);padding:0px 1px 0px 1px;}
					 			 #bmenu {float:left;}
								 #menu a {font-size:16px ; text-decoration: none ;color:black;height:38px;padding-top:8px;width:192px;border: silver 0px 1px 0px 1xp solid;}
								 #menu a:hover {background-image:url(obj/menu2.png);}
								 #cmenu {float:left;background-image:url(obj/menu3.png);}
								 				#cmenu a:hover {background-image:url(obj/menu3.png)}
					 #cont {margin:20px;}
					 			 #cont p {text-indent:15px;}
								 .der10 { margin: 4px 10px 4px 0px}
					 #pie {background-color:white;border-top:black 1px solid;padding: 4px 0px 0px 0px;}
					 			#pie p {font-size:10;text-align:center;}
			#markinf {background-image:url(obj/fondo3.png);height:27px;}

pd: gracias

Define el FONT-SIZE en #menu y quítalo de #menu a. Así debería salirte ese tamaño de 16 px tanto para los enlaces normales como para los enlaces hover.

#menu {.........; font-size:16px; ........}

Para el menú #cmenu también debes definirle su propio tamaño de letra, que he visto que para este no tienes definido ningún font-size.

Un saludo!!

pero "cmenu" y "bmenu" estan dentro de "menu" por lo que no nesesito volver a definir font-size o si?

Tienes razón. Al estar dentro no necesitarías indicarlo otra vez si no quieres otro tamaño. :))

De todas formas, ¿se te solucionó cambiándolo en #menu?

la verdad al cambiarle el font size de lugar no me cambio nada visualmente, lo que nesesito es cambiar el tamaño de enlase para que quede como un boton grande con la letra al menio no cambiar el tamaño de la letra del enlase me entiendes.
en el css le defini el tamaño a <A> le puse 38px x 192px y con el internet explorer me rinde pero con el firefox los enlases no toman ese tamaño

le agrege "display: block" a los enlases y listo, qe idiota me habia olvidado eso.

Perdona la tardanza Warcelo, he estado fuera un par de días.

Solucionado entonces?? Pues nada, para cualquier cosilla seguimos por aquí, ok?

Un saludo!!