2009-12-06 9 views
0

내가 만들고있는 사이트가 정적 HTML에 있고, 다른 부분이 장고를 통해 제공됩니다. 모양과 느낌을 동일하게 유지하기를 원하기 때문에 (정적 사이트에 대해 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> 

[편집] 그래서, 난 내 두 개의 '입력 유형'선이 태그를 닫지 않은 것으로 나타났습니다 (NO '/'). 그러나 차이는 없습니다. [/ 편집]

+1

장고는 CSS와 아무 관련이 없습니다. Django의 HTML 양식이 정적 양식의 HTML과 다른 점은 분명합니다. 정적 또는 Django 템플릿에서 붙여 넣은 HTML입니까? 두 가지를 비교할 수 있도록 두 가지를 게시하는 것이 도움이됩니다. –

+0

그건 정확히 내가 생각한 것입니다. 그래서 나는 다른 결과를보기에 너무 놀랐습니다. HTML은 동일합니다.이 프로세스의 디버그를 시작하려면 하나에서 다른 것으로 잘라내거나 붙여 넣으십시오. – KevinDTimm

답변

0

가 주변 DIV에

clear:both; overflow: auto 

을보십시오.

그런데 인 <ul>은 여기에서 <div>보다 의미있게 더 적합 할 수 있습니다. 출력에 차이를 만들지 않습니다.

+0

clear : 둘 다 아무런 영향을 미치지 않았고, ul/li 옵션은 총알을 추가했습니다. 예, 제가 그걸 없애 버릴 수는 있지만, 내 오류에는 diff가 없었습니다. :) – KevinDTimm

+0

오, 잊어 버렸습니다. 내 대답을보십시오. –

+0

div에 해당 태그를 추가하면 변경되지 않습니다. 하지만, 'form.login label.fixedwidth {}'에 둘 다 (단)를 추가하면 모든 것이 잘 보입니다. – KevinDTimm

관련 문제