PHP includes and relative file paths

Question

In my public_html folder I have the following directories:

- includes (in here I have header.php which is included in index.php)
- images
- styles
- scripts

index.php includes header.php, which is where I reference my stylesheets, scripts, images etc.

All is fine until I try loading a page directly from the includes directory which also includes header.php, for example:

WORKING: www.mysite.com/index.php

NOT WORKING: www.mysite.com/includes/example_page.php (where example page also includes header.php)

In example.php none of the stylesheets, images or scripts are loading. This is because it is looking for them in public_html/includes. Obviously changing the file paths to ../styles/stylesheet.css works. But this isn't an ideal solution, especially if I have to change the file path for every image in header.php.

How can I detect if a page is in the includes sub-directory set the file paths to point to public_html?

chdir(); doesn't seem to work.

Marc B · Accepted Answer · 2014-03-18 20:27:50Z

1

Use absolute paths in your HTML/CSS, e.g.

<link rel="stylesheet" href="/css/styles.css" />
                             ^--- start at top of site document root

<img src="/images/kittens.jpg" />
          ^--- start at top of site document root

Then it won't matte WHERE you put your scripts, the hrefs/src's will always start at the TOP of your site's URL-space and work their way down.

What you lose from this is the ability to host this particular site in a subdirectory, e.g. if you decide to move it to

http://example.com/oldsite/index.php

all of your paths would in the href/src would have to re-written to say /oldsite/images/kittens.jpg or /oldsite/css/styles.css.

answered Mar 18, 2014 at 20:27

Marc B

362k44 gold badges433 silver badges508 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

PHP includes and relative file paths

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related