Q: CSS changes aren't happening using includes in php The problem I'm having is that when I do changes to my css file. Only the index.php gets affected.
Code from the <head> in home.header.php
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="User." />
<meta name="keywords" content="User" />
<meta name="author" content="User" />
<meta name="copyright" content="2014, User" />
<meta name="expires" content="never" />
<title>Sitemap | your website</title>

<link rel="shortcut icon" type="image/ico" href="">
<link rel="stylesheet" href="./css/styles.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>


I know it has something to do with locations being able to allow the other pages see.
Please view the screenshot provided.

All of the pages share the same head information, but the css is only applying to the index and not any of the other pages. In in photo I have a folder called sitemap, contact and etc. All of which include the page.header.php files. 

A: You should add in head section of your html:
<base href='http://[your_domain_here]/' />

As [your_domain_here] you should insert either your domain or your domain with directory in case your installation is in directory (for example example.com/yoursite/ )

A: Unclear why you have it set like this:
<link rel="stylesheet" href="./css/styles.css"/>

I would recommend removing the . and using this instead:
<link rel="stylesheet" href="/css/styles.css"/>


A: Maybe it work like this, try code above
<link rel="stylesheet" href="/css/styles.css" />


A: It sounds like, you have Url Rewrites.
What you basicly say to the browser "Look at the Directory, where the current File is in, navigate to CSS Folder and Load styles.css as Style"
if your Adress is
example.com/index.php or
example.com/index.php?page=foo

Everything is ok. I Assume your Subpage is:
example.com/foo

Now the Browser is lookup following file (and get 404):
example.com/foo/css/style.css

So you should basicly link the Path like this:
<link rel="stylesheet" href="/css/styles.css" />

Note that there is no Point in the Beginning, which means, the Path beginns in the Root Directory:
example.com/css/style.css

If your Using Firefox you can Press CRTL+Shift+K and activate Network. Then you can see, errors because of 404 or 403 etc.
Regards
