현재 테이블의 너비를 HTML로 선언하고 CSS에서 선언하고 두 값이 다른 경우 다음과 같이 div에 테이블을 래핑하고 인라인 너비 선언을 제거해야합니다.
은 * 프레임 */
#foo{
width:100%;
display: inline-block;
}
.newframeContainer {
padding:0;
margin:0 auto;
text-align: left;
width:70%;
height: auto;
border:none;
-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
border: 1px solid #B6B6B6;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
html로 지금과 같이한다/:
<div id="foo">
<table height="100%" class="newframeContainer" cellspacing="1">
<tbody>
<tr height="27">
<th colspan="3">
ADAM Statistics
</th>
</tr>
<tr height="99%">
<td class="text-bold">Total Project Budgets [USD] </td>
<td>test</td>
<td valign="top" align="right">
192,609,012
</td>
</tr>
<tbody>
</table>
</div>
+1 중첩 된 테이블이 경우에는 필요하지 않습니다이 - 단순화 할 수있다. – Austin
내부 테이블이 없어도 제공된 js 바이올린 링크에서 시험해 볼 수 있습니다. –
다음을 시도하십시오. http://jsfiddle.net/5stQc/20/ - 문제는 테이블의 고정 너비라고 생각합니다. CSS에서 끝 부분에 차이가 발생합니다. ** 편집 ** - 디스플레이 삭제 : CSS의 블록이 트릭을 수행합니다. 그리고 불필요한 비트의 몇 가지 다른 비트 : http://jsfiddle.net/5stQc/28/ – Arj