8
Estoy completamente perplejo de por qué esto no funciona. Parece que el archivo HTML no puede cargar el CSS por algún motivo, aunque ambos están en el mismo directorio. Alguna idea de lo que podría ser el problema?HTML no carga el archivo CSS
index.html
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<link rel="stylesheet" href="style.css" media="screen" />
<meta name="viewport" content="width=1100">
</head>
<body>
<div id="main"> Hello </div>
</body>
</html>
style.css
body{
background-color: #F9F9F9;
background-image: url(images/bg3.png);
background-position: center top;
background-repeat: repeat;
text-shadow: #FFFFFF 0px 1px 0px;
font-family: "Georgia", "Times", serif;
-webkit-font-smoothing: antialiased;
}
a{
text-decoration: none;
}
#main{
margin: 50px auto 50px auto;
width: 1000px;
min-height: 500px;
padding: 0px 20px 0px 20px;
}
Lo anterior no funciona. La adición de la CSS en línea en index.html funciona bien, aunque
<!DOCTYPE html>
<html>
<head>
<title>Homepage</title>
<style type="text/css" media="screen">
body {
background-color: #F9F9F9;
background-image: url(images/bg3.png);
background-position: center top;
background-repeat: repeat;
text-shadow: #FFFFFF 0px 1px 0px;
font-family: "Georgia", "Times", serif;
-webkit-font-smoothing: antialiased;
}
a {
text-decoration: none;
}
#main {
margin: 50px auto 50px auto;
width: 1000px;
min-height: 500px;
padding: 0px 20px 0px 20px;
}
</style>
<meta name="viewport" content="width=1100">
</head>
<body>
<div id="main"> Hello </div>
</body>
</html>
son ambos archivos en el mismo directorio? ¿Puede acceder a ambos archivos simplemente cambiando el nombre del archivo (por ejemplo, http://example.com/index.html -> http://example.com/style.css)? ¿Has probado una ruta absoluta ('/ style.css') en su lugar? – Zeta
¿Qué navegador estás usando? ¿Ya ha revisado el permiso de archivo de style.css? ¿Has intentado validar el CSS para verificar problemas de análisis? – fcalderan
Agregue un tipo = "text/css" si todavía falla las herramientas de desarrollador F12, mire el monitor de red, ¿la url .css solicitada? ¿200 está bien? –