div의 외부에있는 div 콘텐츠가 div 내에 있습니다.

내 DIVS의 작업에 문제가 있습니다. 기본적으로 나는 div 안에 div 코드를 넣으면 div의 바깥 쪽을 가지게된다. 내가 뭘 잘못하고 있는지 모르겠다. 누군가가 들여다 볼 수 있다면 크게 감사하겠습니다. 미리 감사드립니다.div의 외부에있는 div 콘텐츠가 div 내에 있습니다.

HTML :

<table> 
    ... 
</table>

것 같다 :

<div id="content"> 

      <p> To submit <?php echo $_SESSION['sight_type']?> sightings, choose a location type.</p> 

     <div id = "form_location_type" >` 

     <form method="POST" action="location_type_input.php"> 
      <table> 
      <tr> 
      <td><input type="radio" name="location_type" value="new" /></td><td><p> New location</p></td></tr> 
      <tr> 
      <td><input type="radio" name="location_type" value="saved" /></td><td><p> Saved location</p></td> 
      <td><input type="submit" value="Continue"></td></tr> 
      <table> 
     </form> 
     </div>  <!-- End form_location_type div --> 
     THIS SHOULD BE OUTSIDE ABOVE DIV BUT IT PRINTS INSIDE     
    </div> <!-- End content div --> 

    <div id="footer"> <?php include 'footer.php'; ?> </div> <!-- End footer div -->

CSS (가장 관련이 맨 마지막 주석 섹션)

html { height: 100%; } 
body, html { min-height: 100%; height: 100%;margin : 0; 
    padding : 0; } 
/*html, body { 
    height:auto 
    height: 100%; }/* Required */ 



body { 


    width:100%; 
    line-height : 1.8em; 
    color : #000000; 
    background : #F5F5FF; 
    } 

#container { 

    position: relative; 
    min-height: 100%; 
    width : 800px; 
    margin : 0 auto 0 auto; 
    border-style: solid; 
    border-width:1px; 
    background : #FFFFCC; 
    -moz-box-shadow: 10px 10px 5px #888888; /* shadow border */ 
    box-shadow: 10px 10px 5px #888888; 
    } 
#footer { 
    clear:both; 
    position:absolute; 
    text-align: center; 
    left:0; 
    bottom: 0; 
    width: 800px; 
    background : #FFFFCC; 
    font : 75% "Trebuchet MS", verdana, arial, tahoma, sans-serif; 

    } 

/* form on form_location_type.php */ 
#form_location_type { 

margin: 0 auto; 
background:white; 
border:solid 1px; 
}

출처

2012-10-07 user1658170

당신이 제대로 테이블을 닫습니다 확인 문제 : http://jsfiddle.net/RDGuY/2/

출처

2012-10-07 01:17:11 mbinette

그게 전부입니다. Arrgh, 나는 그것을 약 10 억 번 놓쳤습니다. 시간 제한이 만료되면 바로 표시됩니다. 8 분 ... 다시 한번 감사드립니다. – user1658170

테이블을 제대로 닫지 않았습니다.

는 다음을 추가 :

또한

하는 form_location_type div의 일부 바닥 패딩을 추가하려고 form_location_type div의 말에 대신

<table>

의

</table>

추가 CSS의 코드 :

#form_location_type { 
    padding-bottom: 2em; 
}

이제 텍스트가 양식 div와 분리되어 있는지 확인하십시오.

출처

2012-10-07 02:48:12

div의 외부에있는 div 콘텐츠가 div 내에 있습니다.

답변

관련 문제