Foros del Web » Creando para Internet » CSS »

Problema con CSS al comprobar los navegadores

Estas en el tema de Problema con CSS al comprobar los navegadores en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/05/2010, 18:51
Avatar de ferwall  
Fecha de Ingreso: abril-2010
Mensajes: 57
Antigüedad: 7 años, 8 meses
Puntos: 3
Problema con CSS al comprobar los navegadores

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!!!!
  #2 (permalink)  
Antiguo 27/05/2010, 19:39
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: Problema con CSS al comprobar los navegadores

Cita:
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.
Cita:
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.

Cita:
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.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 27/05/2010, 19:39
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Problema con CSS al comprobar los navegadores

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
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #4 (permalink)  
Antiguo 27/05/2010, 19:46
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: Problema con CSS al comprobar los navegadores

Cita:
Iniciado por Webosiris
Hoy, 21:39
Cita:
Iniciado por daPhyre
Hoy, 21:39
eso es un choque como la gente! Te gané por segundos
  #5 (permalink)  
Antiguo 27/05/2010, 19:49
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Problema con CSS al comprobar los navegadores

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
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #6 (permalink)  
Antiguo 27/05/2010, 20:23
Avatar de ferwall  
Fecha de Ingreso: abril-2010
Mensajes: 57
Antigüedad: 7 años, 8 meses
Puntos: 3
Respuesta: Problema con CSS al comprobar los navegadores

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

Etiquetas: comprobar, navegadores
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:35.