2016-10-12 51 views
0

在過去的幾天裏,我一直在試驗Django。我遇到了一些隨機字符問題(特別是'<')以及我將在我的html文件中出現的填充字符。爲什麼Django插入填充和字符到我的html文件中?

我決定忽略使用Django並用html/css重寫了一個測試模板。它工作的很完美,我認爲這可能是我的HTML/CSS中的一個錯誤,直到我把Django模板代碼放回去。現在,即使我已經刪除了Django代碼並將文件移動到根目錄之外對於該項目,問題依然存在。我看不出爲什麼會發生這種情況,並且錯誤出現在Firefox,Chrome甚至IE中。該人士期待權在這些瀏覽器,but right click -> inspect in Google Chrome shows there's something not right.

這裏的HTML:

<!DOCTYPE html> 
<link rel="stylesheet" type="text/css" href="main.css" /> 
<html> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 
</head> 
<body> 
    <div id="container"> 
     <div id="header"> 
      <div class="nav"> 
       <ul> 
        <li><a href="#">Link 1</a></li> 
        <li><a href="#">Link 2</a></li> 
        <li><a href="#">Link 3</a></li> 
        <li><a href="#">Link 4</a></li> 
        <li><a href="#">Link 5</a></li> 
       </ul> 
      </div> 
     </div> 
     <<div id="content"></div> 
     <div id="footer"></div> 
    </div> 
</body> 
</html> 

而CSS:

body { 
    margin:0; 
    padding:0; 
    height:100%; 
} 
#container { 
    min-height:100%; 
    position:relative; 
    width:50%; 
    margin:0% 25% 0% 25%; 
} 
#header { 
    height:150px; 
     background:#7e9bc9; 
    padding-bottom:10px; 
} 
#content { 
    padding-bottom:100px; 
} 
#footer { 
    background:#b4c8e8; 
    width:100%; 
    height:100px; 
    position:absolute; 
    bottom:0; 
    left:0; 
} 

.nav { 
    height:30px; 
    width:100%; 
    position:relative; 
    bottom:-130px; 
} 

.nav ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
} 

.nav li { 
    display:inline; 
    float:left; 
    height:30px; 
    width:20%; 
} 

.nav li a { 
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
    font-size:15px; 
    display: block; 
    padding: 8px; 
    background-color:#093275; 
    text-align:center; 
    font-size:15px; 
    color:white; 
    text-decoration: none; 
} 

不用說,我無法找到谷歌搜索或stackexchange類似的問題。也許我不是在問'正確的'問題,所以如果有的話,請隨時指出我的答案。

感謝

回答

4

因爲你有這條線

<<div id="content"></div> 

<字符,這是錯誤的。

+0

那簡單!我認爲在Django出現一些錯誤後我會有點瘋狂,謝謝。 – nolisgol

+0

乾杯!您可以使用某種類型的linter或IDE,它們已經包含它們,並且會突出顯示。 –

相關問題