Problema con CSS al comprobar los navegadores

[ferwall]

Holaaa

Código HTML:

<link rel="stylesheet" type="text/css" href="estilos.css" /> 

En esa etiqueta me subraya el "href="estilos.css" y me dice:
Se han detectado 1 errores en los archivos css externos
Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0

No tengo la menor idea que puede ser y me fije en la css y no veo nada que este mal, también tendría que sumarle que capaz que no veo nada mal porque estoy acá desde las 11 de la mañana y ahora son las 20:52, pero bue tema aparte jajaja

Acá va la CSS

Código HTML:

body {height: 100%; width: 100%; background-image:url(IMAGENES/fondogrande.JPG)}
#cabecera {
	position:absolute;
	left: 449px;
	top: 16px;
	width: 546px;
}
#contenido {
	height: 103px;
	width: 532px;
	position: absolute;
	left: 457px;
	top: 85px;
	color:#FFF;
	font-size: 22px;
	text-align:justify;
	font:Comic sans MS, Verdana, Arial, Helvetica, sans-serif	
}
#menu {
	position:absolute;
	left: 19px;
	top: 413px;
	text-align:justify;
	font-size:40px;
	color:#FFF;
	font:Comic sans MS, Verdana, Arial, Helvetica, sans-serif
}
#pie {
	position:absolute;
	left: 19px;
	top: 783px;
	width: 928px;
	font:Comic sans MS, Verdana, Arial, Helvetica, sans-serif
}
.piepag {
list-style:none;
float:left;
margin-left:50px;
margin-right:50px;
color:#FFF;
font-size: 20px;
font:Comic sans MS, Verdana, Arial, Helvetica, sans-serif
}
#diseño {
	position: absolute;
	left: 403px;
	top: 843px;
	color:#FFF;
	font-size: 12px;
	font:Comic sans MS, Verdana, Arial, Helvetica, sans-serif
}
a:link {text-decoration:none;font-weight: normal;color:#FFF}
a:visited {text-decoration:none;font-weight: normail;color:#FFF} 
a:hover {text-decoration:underline;font-weight: normal;color:#000;}

#buscador {
	position:absolute;
	left: 529px;
	top: 254px;
	font:Comic sans MS, Verdana, Arial, Helvetica, sans-serif
}

Gracias!!!!

[webosiris]

Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Netscape Navigator 6.0, Netscape Navigator 7.0

esos 4 navegadores ya ni existen, son de la época de los dinosaurios. El restante (IE 6) también es de la época de los dinosaurios pero lamentablemente aún tiene usuarios.

En esa etiqueta me subraya

quien te subraya?? Si quieres saber como se ve un sitio en un navegador, nada de cosas automáticas, solo hay 1 método: miralo en ese navegador.

No tengo la menor idea que puede ser y me fije en la css y no veo nada que este mal

veo 2 tipos de errores en tu código, de codificación y de técnica.

DE CODIFICACIÓN
- font es una propieda que reagrupa a todas (font-weight, font-size, etc) por lo que si solo quieres definir la familia de fuentes, debes de usar font-family, no font a secas.

DE TÉCNICA
- usas posición absoluta para todo, eso es como una droga, al principio te gusta pero después no puedes salir de eso. Te recomiendo usar absoluta SOLO cuando un elemento debe salirse del "flujo normal" de la pantalla.
- usas COMIC SANS!!! Busca y verás porqué los diseñadores odiamos esa fuente.
- intenta acostumbrarte a nombrar todos los archivos y carpetas en minúsculas, sin espacios, tildes ni carácteres raros. Eso te va a salvar de más de un dolor de cabeza.
- lee sobre herencia, repites muchos estilos que se pueden heredar de un elemento a otro sin necesidad de repetirlos.

[daPhyre]

Solo he detectado un error en el uso de la etiqueta font.

No se si ese sea el error, pero de cualquier forma te lo haré saber. En la lista tú tienes este atributo (varias veces):

Código:

font:Comic sans MS, Verdana, Arial, Helvetica, sans-serif

Para empezar, creo que lo que intentas usar es una font-family, ya que la etiqueta font requiere como mínimo el tamaño de la fuente y la familia (o serie de familias) de la fuente.

Segundo, es importante que cuando pongas el nombre de una fuente que tiene espacios, lo entrecomilles, por lo que deberías hacerlo de esta forma:

Código:

font-family:'Comic sans MS', Verdana, Arial, Helvetica, sans-serif

PD: ¿¡IE5!? ¿¡Netscape!? ¿Qué clase de editor estás usando

[webosiris]

Iniciado por Webosiris

Hoy, 21:39

Iniciado por daPhyre

Hoy, 21:39

eso es un choque como la gente! Te gané por segundos

[daPhyre]

Oh vaya, creo que Webosiris me ha ganado. Iba a editar mi entrada para comentarlo, pero al ver que además ha puesto algunos tips de etiqueta, pasaré a comentar sobre ellos. Te recomiendo mucho que escuches sus sabias palabras, que de esto sabe mucho

-Dejar la posición absoluta para la menor cantidad de elementos es imprescindible. Modificar o mejorar tu página después de ellos es terrible (Y lo aprendí de la forma mala). Si en alguna ocasión algún objeto se te revela, pregunta en el foro y con mucho gusto te ayudaremos

-Tampoco estoy enterado con detalle del horror con la comic sans, pero se que es preferible no usarla. Mi stack favorito es este:

Código:

'Trebuchet MS', sans-serif

Pero si prefieres algo más común, uno como el que usas es muy bueno

Código:

Verdana, Helvetica, Arial, sans-serif

De las mayúsculas y símbolos especiales creo que es bastante claro, y de la herencia, creo que podrías aplicar sin problemas las fuentes al body y no tener que repetirlo en cada área. Suerte

[ferwall]

Ok jeje muchas gracias a los 2, hoy ni en pedo me pongo a corregir llevo como 10 horas acá, mañana con gusto me pondré a ver todo, lo de herencia lo he visto ahora lo voy a analizar mejor y lo de las comic sans no tenia ni idea ahora la borro, total me da igual jeje

Bueno muchas gracias otra vez mañana me pongo a ver y cualquier cosa pregunto!!

Salu2!!!