주위에 맞게 내부 테이블 확장 <td>

<td> 태그 안에 테이블이 있습니다.주위에 맞게 내부 테이블 확장 <td>

<td>이 더 큰 경우 내부 테이블의 높이가 확장되어야합니다.

jsfiddle 예제는 FF (검은 색 테두리는 녹색과 동일한 높이)로 작동하지만 IE7 (검은 색 테두리는 너무 작음)에서는 작동하지 않습니다.

불행히도 중첩 테이블 (부동 소수점을 사용할 수 없음)이 필요하며 IE7을 지원해야합니다.

<table> 
    <tr> 
     <td style="height: 100%; min-height: 100%"> 
      <table style="border: 2px solid black; height: 100%; min-height: 100%"><tr><td>foo</td></tr></table> 
     </td> 
     <td style="border: 2px solid green">BIG<br>BIG<br>BIG<br>BIG</td> 
    </tr> 
</table>

http://jsfiddle.net/qJTgw/3/

나는 JQuery와 솔루션을 시도했지만 페이지의 내부 테이블이 많이 있기 때문에 그것은 높이를 변경하려면 10 초 걸렸다. 순수 CSS 솔루션이 더 좋을 것입니다.

업데이트 : 테두리에는 무슨 뜻인지 보여주는 색이 있습니다. 내 진짜 문제에는 주위의 td만큼 키가 큰 배경 이미지 (점선)가 있습니다.

출처

2012-04-17 guettli

왜 부모 'TD'.... 내가 질문을 업데이트 –

에 검은 색 테두리를 설정하지 : 국경 그냥이 예를 들어 있습니다. – guettli

아마도 너무 table에 높이를 추가

<table style="height: 100%; min-height: 100%">

출처

2012-04-17 09:06:19 candyleung

아니요, 죄송 합니다만 도움이되지 않습니다. – guettli

주위에 맞게 내부 테이블 확장 <td>

답변

관련 문제