Django無法正確呈現CSS

我有一個網站，我創建，部分在靜態HTML，另一部分是通過Django服務。因爲我希望外觀和感覺保持不變（誰不這樣做？），我已經將CSS用於靜態網站。同樣的CSS我已經（幾乎成功）包含在動態網站中。Django無法正確呈現CSS

當我創建一個形式，我可以得到靜態側

Label Input 
Label Input 
Label Input

但是，當我做了動態側相同的代碼，它不是那麼好一個非常漂亮的兩列的房源

Label Input 
     Label Input 
       Label Input

我使用的CSS是：

form.login label.fixedwidth { 
    display: block; 
    width: 240px; 
    float: left; 
}

\。對不起，這裏是我的形式：

 <form action="" method="post" class="login"> 
     <fieldset> 
      <div> 
       <label for="username" class="fixedwidth">User name:</label> 
       <input type="text" name="username" value="" id="username"> 
      </div> 
      <div> 
       <label for="password" class="fixedwidth">Password:</label> 
       <input type="password" name="password" value="" id="password"> 
      </div> 
      <input type="submit" value="login" /> 
     </fieldset> 
    </form>

[編輯] 所以，我發現我的兩個「輸入型」線沒有關閉標籤（沒有「/」）。但是，沒有區別。 [/編輯]

來源

2009-12-06 KevinDTimm

Django與CSS無關。很顯然，Django表單的HTML與靜態表單的HTML不同。您是從靜態還是從Django模板粘貼的HTML？發佈這兩個信息會很有幫助，因此我們可以比較兩者。 – 2009-12-06 18:35:43

這正是我的想法，這就是爲什麼我看到不同的結果感到驚訝。 HTML是相同的，我從一個剪切/粘貼到另一個開始調試這個過程。 – KevinDTimm 2009-12-06 18:41:21

嘗試

clear:both; overflow: auto

對周圍DIV

。

順便說一句，與<li>個<ul>可能比語義<div>這兒更合適。雖然不會在輸出方面產生影響。

來源

2009-12-06 17:58:43

明確：兩個都沒有影響，並且ul/li選項只是添加了子彈 - 是的，我知道我可以擺脫它們，但它在我的錯誤中沒有差異:) – KevinDTimm 2009-12-06 18:10:51

哦，忘了一個，看看我的答案。 – 2009-12-06 18:13:48

當我將這些標籤添加到我的div時，沒有任何改變。但是，當我添加明確：都（只）到我的'form.login label.fixedwidth {}'，一切看起來不錯。 – KevinDTimm 2009-12-06 18:40:48

Django無法正確呈現CSS

回答

相關問題