Django ne rend pas CSS correctement

Question

J'ai un site que je crée, partie en HTML statique, l'autre partie est servie via Django. Puisque je veux que l'apparence reste la même (qui n'en a pas?), J'ai utilisé CSS pour le site statique. Ce même CSS que j'ai inclus (presque avec succès) dans le site dynamique.

Lorsque je crée une forme, je peux obtenir deux liste de colonne très agréable sur le côté statique

Label Input 
Label Input 
Label Input 

Mais, quand je fais le même code sur le côté dynamique, il est pas si belle

Label Input 
     Label Input 
       Label Input 

Le CSS J'utilise est:

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

\. Désolé, voici ma forme:

 <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> 

[modifier] Donc, je remarquai que mes deux lignes de type « d'entrée » ne fermait pas la balise (pas «/»). Mais, pas de différence. [/ edit]

Answer 1

Essayez

clear:both; overflow: auto 

sur la DIV environnante. Par ailleurs, un <ul> avec <li> s peut être sémantiquement plus ajusté que <div> s ici. Ne fera pas de différence dans la sortie si.