I have a development environment set up in Windows using WAMP. The production environment is running Windows Server 2003 and IIS. There are already two sites in production, I’m trying to add a third. However, the CSS is not applying at all to the 3rd site. Index.php and salestracker.css are both in the same directory. Here’s the header for the site.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Salestracker</title>
<link href="salestracker.css" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="js/common.js" type="text/javascript"></script>
</head>
As I stated, it’s working fine in development environment and not applying any css in the production environment. Here’s the first entry in the CSS:
body {
background-color:#f3f2f0;
color:#104E8B;
}
Try putting the css in the page to see if it is a path issue where the page doesn’t understand the location of the css file.
You can also try firing up fiddler tool to see what happens when it tries to load the css page. Other than that, look at what is different between the dev and production environments.