2010-07-28 2 views
0

나는 div에 div가 있고 Div 후에 나는 div의 상단에 오는 HTml 테이블을 포함하고있는 다른 div를 가지고있다. 테이블 내려 놓는 법.부서의 맨 위에 오는 테이블; 어떻게 아래 테이블을 가지고

<div id='testupdate2' >Mynumber: ". $num." </div> 
<div id="test"> 
    <table cellspacing=0 cellpadding=0 border=0 width="100%"> 
     <tbody> 
     <tr> 
      <td id="Header" class="navUPD">MY number</td> 
     </tr> 
     <tr> 
      <td id="tls" class="navUPD">MY DETAILS </td> 
     </tr> 
     <tr> 
      <td id="mgmnt" class="navOFFTDUPD"> ADDR. MGMT </td> 
     </tr>    
    </tbody> 
    </table> 
</div> 

테이블을 DIV로 가져 오는 방법은 무엇입니까?

#test { 
    padding-top: 20px; 
} 

또는 대안 :

+1

HTML은 문제가되지 않습니다 (CSS는 여기에 해당되지 않습니다). – tcooc

+0

사실, 첫 번째 div 위에 테이블이 있는지 묻고 있습니까? 그렇다면 우리가 도울 수 있기 전에 사용중인 CSS를 보여 주어야합니다. – ANeves

답변

1

<div id="test"> 당신이 사용할 수있는 CSS 패딩의 상단 떨어져 당신의 테이블을 밀어

#test table { 
    padding-top: 20px; 
} 
+0

모든 브라우저에서 채우기 기능이 제대로 작동하지 않는 경우가 있습니다. 차라리'패딩 - 탑'보다는'마진 - 톱'을 사용하고 싶습니다. – Ventus

+0

@Ventus : 꼭해야 할 일을 사용하십시오. 간격을 만들기 위해 위의 요소에 의존하지 않으므로 패딩을 선호합니다. – Pat

+0

사실, div의 padding-top을 사용하여 div의 내용을 테두리 나 여백 위쪽으로 밀어 내려 div에서 푸시 다운하는 것이 좋겠지 만 그렇습니다. – ANeves

-1

해당 테이블을 제외하고 <div id="test">에 다른 뭔가를 가지고 있고 당신이 원하는 경우 테이블에 항상 div의 아래쪽에 정렬하면 CSS에서 이와 같이 할 수 있습니다.


#id{ 
    position: relative; 
} 
#id table{ 
    position: absolute; /*this is absolute to #id not to body tag*/ 
    bottom: 0px; 
    left: 0px; 
} 

이 작업을 수행해야합니다. (생각하지 않았습니다.)

+0

-1 : OP의 답변이 아니며 해킹이 아닙니다. OP는 단지 테이블이 맨 위에서 분리되기를 원합니다. – ANeves

+0

미안하지만, 나는 그의 질문을 완전히 이해하지 못했던 것 같다 – Ventus

+0

그건 꽤 괜찮아. 네가 좋은 분이라면 네거티브보다 더 많은 긍정적 인 피드백을 얻을 것이고 긍정적 인 분은 훨씬 가치가있다. 질문은 분명하지 않았습니다 ... ㅎ. – ANeves

관련 문제