2014-05-23 6 views
0

속성은 ...

내가 여기에 몇 가지 요소를 분리하기 위해 노력하고 내가 힘든 시간을 보내고 있습니다 ... Fiddle Here 검토하십시오. 모든 div 태그가 올바르게 구분 된 것처럼 보이지만 분리되지는 않습니다.

예를 들어, 단추가 있고, 다음에 명확한 단락이 있습니다.

그러나 단락은 실제로는 버튼 내부에 표시되고 있습니다. 그 꼭대기에

<div id="container"> 
    <div id="header">Transfer of Credit Estimator</div> 
     <div id="content"> 
      <div id="classes">Enter total number of classes estimated for transfer, then click <strong>Estimate</strong>. 
      </div> 
      <input type="text" class="" placeholder="#"> 
     <div id="btn">Estimate<div> <!-- Button --> 
    </div> 
     <div class="clear"></div> 
      <p>Hi</p> 

       <div id="footer">**The Estimator is based on classes that would transfer in as 4-credit courses that cost $1,608 each ($402/credit hour) here at University. The Estimator assumes that each class would be a 5-week class.</div> <!-- Footer --> 
</div> <!-- Close Container --> 
</div> 

는, 바닥 글은 글꼴 - 가족과 글꼴 무게 같이 '.btn'클래스에서 속성을하고있다.

내가 여기서 잘못하고있는 것에 대한 생각?

답변

3

버튼 div가 닫히지 않았습니다. 버튼의 DIV 대신이 브라우저가이 태그를 닫는없는 수정을 시도

<div id="btn">Estimate</div> 

해야

<div id="btn">Estimate<div> 

폐쇄되지

<div class="btn">Estimate</div> 
+0

조금 넘는 나의 모든 고민 "/"... 놀라워! 그것을 잡아 주셔서 감사합니다. 10 분 안에 받아 들일 수 있습니다. – webfrogs

+0

나는 내 자신의 프로젝트 중 하나에서 이걸로 도청당했습니다. 그래서 저는 여러분의 좌절감을 공유합니다 :-) – agrm

0

그것은에 속성을 생성합니다 : 그것은해야한다 교대