Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS not working in IE or Firefox - Chrome works fine

The webpage at http://144.76.221.141:8000 is showing correct CSS styling in Chrome and Safari, but refuses to show in Firefox or Chrome. I have already seen that adding a doctype is a common fix for this, however this did not help at all with my problem. Any pointers to a solution would be greatly appreciated..

like image 907
scd Avatar asked Nov 27 '13 16:11

scd


People also ask

Why does my CSS not work in Firefox?

css modifications are disabled in Firefox. You need to make sure that on the <code>about:config</code> page in Firefox, the <code>toolkit. legacyUserProfileCustomizations. stylesheets</code> preference is set to <code>true</code> and then restart the browser.


2 Answers

The typeon your stylesheets need to be like the following:

<link type="text/css" href="/css/parent.css" rel="stylesheet">
<link type="text/css" href="/css/landing-page.css" rel="stylesheet">
<link type="text/css" href="/css/dropit.css" rel="stylesheet">

Removing the / at the begining.

like image 129
AfromanJ Avatar answered Sep 22 '22 00:09

AfromanJ


Remove the slash in the type of your stylesheet declaration:

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

to

<link rel="stylesheet" href="/css/parent.css" type="text/css" />
like image 30
Alex Vogt Avatar answered Sep 20 '22 00:09

Alex Vogt