Search code examples
phpcsswebphp-include

CSS file not included when using php include

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?

Solution

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