包括footer.php和header.php

Question

我爲我的網站索引創建了一個頂部欄和一個底部欄。我已經在兩個文件中隔離了兩個文件，header.php，它控制頂部欄和footer.php，它控制底部欄。

在索引中沒有問題，但是如果我創建了一個像about.php這樣的新頁面，並且包含了兩個php文件，那麼頂部和底部的欄會向右移動10px（或類似的東西） 。

在這種情況下，頁面較大，因爲在兩個小節的開始之前在左側有一個小小的空白區域。

這裏有兩個文件：

的header.php

<style> 
.blue { background-color: #039; width: 100%; height: 15%; position: absolute; top: 0px; } 
html, body { width: 650px; background-color:#F5F5F5;} 
</style> 

<div class="blue"> 
    <h1 style="text-align: center; color:#FFFFCC ;font-family:"Times New Roman",Times,serif;">My Website</h1> 
</div> 

Footer.php

<ul id="figo"> 
    <li><a href="#home">Home</a></li> 
    <li><a href="#news">News</a></li> 
    <li><a href="#contact">Contact</a></li> 
    <li><a href="#about">About</a></li> 
</ul> 


<style> 
#figo {background-color: #039; position:absolute; bottom:0px; width:100%;} 
ul{ 
    list-style-type:none; 
    margin:0; 
    padding:0; 
    overflow:hidden; 
} 

li{ 
    float:right; 
} 

a{ 
    display:block; 
    width:90px; 
    color:#FFFFCC; 

} 
</style> 

的index.php 我在這裏發佈的index.php

-

​​