CSS填充不起作用

-2

我的填充不起作用。我使用PHP和CSS。以下是與它關聯的四個文件。 Header.php，footer.php，index.php，stylesheet.css。我曾嘗試加入CSS填充不起作用

Display: block;

Picture of exported code

的index.php：

<?php include ('header.php') ?> 
    <html> 
     <head> 
      <title>Armenian Genocide</title> 
      <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
     <body> 
      <div id='content'> 
      </div> 
     </body> 
    </html> 
    <?php include ('footer.php') ?>

的header.php：

<html> 
     <head> 
      <title> 
        Armenian Genocide 
      </title> 
     </head> 
     <body> 
      <div id='head'> 
       <h1>HEADER</h1> 
      </div> 
     </body> 
    </html>

Footer.php：

<html> 
     <head> 
      <title> 
        Armenian Genocide 
      </title> 
     </head> 
     <body> 
      <div id='footer'> 
       <h1>FOOTER</h1> 
      </div> 
     </body> 
    </html>

個

stylesheet.css中：

body{ 
     background-image: url('images/background.jpg'); 
    } 

    #head{ 
     width: 1380px; 
     height: 100px; 
     background-color: #FF0000; 
     display: block; 
     padding-left:25px; 
     padding-right:25px; 
     padding-top:25px; 
     padding-bottom: 25px; 
    } 

    #content{ 
     width: 1380px; 
     height: 800px; 
     background-color: #5C8A8A; 
     display: block; 
     padding-left: 25px; 
     padding-right: 25px; 
    } 

    #footer{ 
     width: 1380px; 
     height: 100px; 
     background-color: #253737; 
     display: inline-block; 
     padding-left: 25px; 
     padding-top: 25px; 
     padding-right: 25px; 
    }

來源

2014-05-15 Conor Watt

只有一個HTML，身體，頭部標記在頁面中。你應該檢查你的代碼。 –

您的頁面應該有一個''和''和''標籤;而通過包含每個文件，您可以製作多個文件 – Javad

您還應該解釋哪些填充無效。填充和保證金是兩件不同的事情 –

它可能不工作，因爲你有多個頭，HTML和身體。

它應該是：

的index.php

<html> 
    <head> 
     <title>Armenian Genocide</title> 
     <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
    <body> 
     <?php include ('header.php') ?> 
     <div id='content'> 
     </div> 
<?php include ('footer.php') ?> 
    </body> 
</html>

的header.php

<div id='head'> 
      <h1>HEADER</h1> 
     </div>

footer.php

<div id='footer'> 
      <h1>FOOTER</h1> 
     </div>

來源

2014-05-15 20:56:08

CSS填充不起作用

回答

相關問題