这也是我几年前遇到的一个问题了。
1、用iframe（z-index经常失效，也就是你遇到的问题）。
2、用object。
3、将共用的头部和脚部转换成js（百度搜索HTML转换成JS），然后用调用js的方法调用它们即可。
4、结合您的问题，建议用第一个方法，欢迎继续追问。
在div+css布局中，一般都像下面这样来整体构架的：<div id="header"></div>
<div id="center"></div>
<div id="footer"></div>
对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏：
<div id="header">
<div id="title">这里是网站的标题</div>
<div id="nav">这里是网站导航栏</div>
</div>
导航栏一般是由多个小块内容组成，选择无序列表
<ul><li></li></ul>
