Edit Question - KnowledgeHub

Title Body

I am completely stumped as to why this doesn't work. It seems the HTML file can't load the CSS for some reason, even though both are in the same directory. Any idea what might be the problem? 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; } The above doesn't work. Adding the css inline in index.html works fine though <!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>

Tags (comma-separated) Cancel