ok debes jugar con los códigos y combinas html, css y php para lograr algunas cositas, por ejemplo:
index.php:
Código PHP:
Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<style>
/*Indicamos que la pagina tiene una altura del 100%*/
html, body{
height:100%;
}
/*llevamos los margenes de la pagina a 0*/
body{
margin:0px;
}
/*Asignamos el espacio que ocupara el div del menu*/
.menu{
height:20%;
background-color:#000000;
color:#FFFFFF;
}
/*Asignamos el espacio que ocupara el iframe del contenido*/
.contenido{
height:80%;
background-color:#00437B;
}
</style>
</head>
<body>
<!--area de menu-->
<div class="menu">
<?php include('menu.php'); ?>
</div>
<!--area de contenido-->
<div class="contenido">
<?php include('contenido.php'); ?>
</div>
</body>
</html>
El codigo css lo puedes cargar desde un archivo externo para limpiar el codigo un poco
el javascript lo vas a colocar en la pagina contenido.php ya que cuando cargues index este se va a ajustar al div que creaste para tal fin y el menu bueno dejalo alli.
recuerda que si tienes el menu en una pagina aparte debes eliminar las etiquetas de apertura como <html><head><body> y cierre de esas para evitar conflictos, solo deja la estructura interna del codigo de tu menu, por ejemplo <ul><li>ITEM</li></ul>