web: CSS file not included when using php include

samedi 21 mars 2015

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?

web