Folder-Tree:
HTML Head:
<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./css/style.css">If I click "View Page Source" I can click on the css link and I see my file.
I can even type in the adress bar the url "" and I see my file.
I open Firefox Developer Inspect and it gives a Success 200 Code for loading the css-file.
I delete the browser-cache, no change.
I download the html-file and put it into a folder with the css-file. Open it with Visual Studio Code Live Server and it looks right, the css is loading. The same code.
Why does it not work online?
EDIT:
I just saw that in the Firefox Inspector, the html head is greyed out. Both online and offline but offline seems no problem.
41 Answer
LPChip suggested me to use the debugger/inspector of Firefox and there, the head is greyed out. On further investigation, I noticed it said "css was not loaded because its mime type "text/html" is not "text/css"
That made me check something...
I got the solution:
I had an apache mod_rewrite activated. While the path was correct, it seems that this mod_rewrite or the dedicated php for the redirection somehow told the browser that the file was html not css.
1
