디스플레이 배치 : 정확한 높이를 가진 다른 div의 테이블 DIV

Question

이렇게하면 두려움이 생깁니다. 나는 C#이나 자바, SQL, JS에 문제가있는 것 같지 않다. 나는 CSS를 가지고 있고, 너무 많은 시간을 들여서 생각하고있다.

테이블 div와 일부 행 및 셀 div가 있습니다. 그리고 나는 단지 테이블 div를 정확한 높이로 만들고 싶습니다.

picture of my table div http://i41.tinypic.com/29vb7yx.jpg

My current style: 
div .table 
{ 
    width: 410px; 
    height: 410px; 
    max-height: 410px;   
    display: table; 
    border-spacing: 10px; 
    border-style:dotted; 
    border-width:medium;  
    overflow: visible; 
} 

다른 내가 DIV 정확히 410 픽셀의 높은를 만들기 위해 어떻게해야합니까?

외부 div (특정 높이의 파란색 경계선이 있고 표시 : 블록)에 배치했지만 표 div가이를 인식하지 못하는 것 같습니다. 나는 명확와 사업부를 추가 : 모두 하단에, 때로는 도움이하지만 오늘은 ...

Answer 1

그것은이 나타납니다

display:table; 

는 내용의 폭을 채우기 위해 확장 요소를 강제 할 것이다. "오버플로"가 숨겨 지도록 설정하더라도.

은 몇 가지 예를 들면 다음과 바이올린의 : 적절한 : "블록 표시"를 선택한 다음 설정 오버 플로우

http://jsfiddle.net/dRLfv/

난 당신이 정기적를 수행해야합니다 생각합니다. 아마도 테이블/양식 요소에 대한 다른 스타일을 조정해야 할 필요가있을 것입니다.하지만 이중이어야하며 다른 사람들이 기꺼이 도와 드리겠습니다.

도움이 되었기를 바랍니다.

건배!