100 % 높이 div 안에 100 % td

좋아, 여기 내 문제는 .. 그리고 그것 buggin 내 잠시 동안 ... 나는이 TD 내부에 어떤 부작용도없이 100 % 높이를 설정해야합니다 (그 말은 스크롤링을 뜻함) 왜냐하면 어떤 알려지지 않은 이유 때문에 100 % 높이로 설정했을 때 IE 8이 잘못된 계산을하는 것처럼 보입니다. 많은 조합을 시도했지만 성공하지 못했습니다. transitional doctype이 필요합니다 ... 사전 도움에 감사드립니다!100 % 높이 div 안에 100 % td

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<style> 
html, body 
{ 
    height:100%; 
    margin:0px; 
    padding:0px; 
} 
</style> 
<head> 
    <body> 
     <table style="height:100%" border="1"> 
      <tr> 
       <td>TOP</td> 
      </tr> 
      <tr style="height:100%"> 
       <td style="height:100%"> 
        <div style="border:1px dotted blue; height:100%">CONTENT</div> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

출처

2010-12-22 Brizio

... 비표준 데이터의 레이아웃에 테이블을 사용하고 있습니까? ... – jball

@ jball : 남자, 나는 그 싸움을 오래 전에 그만 두었다. 전투는 너무 가파르다. 또한, 헤더 스타일과 인라인 스타일의 혼합은 조금 불안정합니다. – David

글쎄, 얘들 아, 그 선택의 여지가 오래된 레이아웃, 그리고 그 div 100 % 높이가 필요하고, 나는 그 순간에 테이블을 제거 할 수 없습니다 .. – Brizio

사업부의 테두리 높이 '외부'입니다 ... 그래서 정말, 당신이 적용하는 스타일은 100 % + 2 픽셀 (1 픽셀의 위쪽 테두리, 1 픽셀의 아래쪽 테두리)의 높이입니다 .. 당신이 테두리를 제거합니다.

진정한 높이 : 가 으로 아래 주석
이, 하단 셀의 height:100%이 전체 테이블 높이 = 첫 번째 행의 높이를하게
사라집니다 100 % 및 스크롤 막대를 할 것이다 +를 하단 행 높이의 100 %.

UPDATE : 좋아, 그 꽤 있지만 그래서는 내가 가진 것 중에 최고 : 당신이 사업부를 blah의 ID를주고 다음을 사용한다면

jquery 그것의 부모에 div의 높이를 해킹하려면 ... 이것은 첫 번째 행/셀에 대한 높이 정의를 필요로하지만 ... 예를 들어 100px로 설정했습니다. 당신은 CSS 박스 모델의 기초를 살펴해야 http://jsfiddle.net/Damien_at_SF/vwcvN/

출처

2010-12-23 00:00:46

국경은 오리엔테이션 용이며 해당 코드가있는 html 문서를 만들고 IE8에서 볼 수 있습니다. 정확한 스크롤 크기는 TOP TD 높이입니다 – Brizio

예 왜냐하면 높이 : 100 %가 맨 아래 행의 셀에 있기 때문입니다. 표의 전체 높이는 첫 번째 행 높이 + 두 번째 행 높이입니다.두 번째 행 높이가 100 %이기 때문에 전체 높이가 첫 번째 행 높이 + 100 % –

입니다. 이미 알고 있지만, 원하는 것은 첫 번째 행에서 남은 높이를 사용하는 맨 아래 셀/행입니다. – Brizio

$('#blah').height($('#blah').parent().height());

jsfiddle 예 .... 예 : http://www.w3.org/TR/CSS21/box.html

출처

2010-12-23 00:04:06 0x434D53

100 % 높이 div 안에 100 % td

답변

관련 문제