CSS file not included when using php include

Question

I have a css file called main.css in my styles folder on the root of my project:

#header
{
    background-color: aqua;
    height: 120px;
}

In another php file header.php I have something like this:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="/styles/main.css"/>
</head>
<body>
<header id="header"></header>

I also have a footer.php:

</body>
</html>

When combining the in my index.php like this:

<?php
    require('includes/header.php');
?>
<?php
    require('includes/footer.php');
?>

the result is that my css rules don't get applied. How can I fix this?

Is the styles folder within the includes folder? If not, if they both have the same parent directory, change the CSS path to ../styles/main.css — Duanne
– Duanne, Commented Mar 21, 2015 at 7:38
I did, and the result was the same. It only loads in header.php, not in index.php. — Valdrinium
– Valdrinium, Commented Mar 21, 2015 at 7:44
How do you access your project in the browser? Is it located in a subfolder like http://localhost/myproject/index.php? — skroczek
– skroczek, Commented Mar 21, 2015 at 9:05

Vivek Singh · Accepted Answer · 2015-03-21 07:33:24Z

1

problem may be in your css path if php file and style folder both are in root use like this href="styles/main.css"

answered Mar 21, 2015 at 7:33

Vivek Singh

2,4451 gold badge16 silver badges29 bronze badges

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

Comments

Ayyanar G · Accepted Answer · 2015-03-21 07:40:37Z

1

Link your css file using base

try

href="../styles/main.css"

edited Mar 21, 2015 at 7:40

answered Mar 21, 2015 at 7:34

Ayyanar G

1,5451 gold badge11 silver badges24 bronze badges

2 Comments

Valdrinium Over a year ago

But the path I use is absolute.

Valdrinium Over a year ago

This only works when accessing header.php. When loading index.php, it fails.

Kwan · Accepted Answer · 2015-03-21 07:47:20Z

1

it seems like your css file path cause this problem.

if your directory structure like this below:

includes
|__header.php
|__footer.php
styles
|__main.css

replace the css path in the header.php like:

href="../styles/main.css"

edited Mar 21, 2015 at 7:47

answered Mar 21, 2015 at 7:40

Kwan

737 bronze badges

Collectives™ on Stack Overflow

CSS file not included when using php include

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related