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?
