I am having some weird problem when I use the include '';
.
The problem is the margin on top.
with the normal code:
<head>
<meta charset="utf-8">
<title>Untittled</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/component.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<header class="site-header">
<nav>
<div class="handle">Menu</div>
<ul>
<a href=""><li class="logo"> </li></a>
<a href=""><li>Home</li></a>
<a href=""><li>Equipa</li></a>
<a href=""><li>Torneios</li></a>
<a href=""><li>Ranking</li></a>
<a href=""><li class="right">Registrar</li></a>
<a href=""><li class="right">Login</li></a>
</ul>
<ul class="drop">
<a href="#"><li>Home</li></a>
</ul>
</nav>
<div class="banner">
</div>
</header>
The result is:
But When I separate them into different php files
<?php include 'includes/head.php'; ?>
<?php include 'includes/header.php'; ?>
I got this weird result:
Does enyone knows what is the problem? and how to solve it?