1. 홈
  2. 질의 응답
  3. HTML 설정 표 높이를 100 %로

HTML 설정 표 높이를 100 %로

2010-08-23 3 views
2

나는이 작업을 시도했지만 무시한 것처럼 보입니다. 나는 당신이 이것을 원한다면 부모 객체가 100 %인지를 확인해야한다는 몇 가지 기사를 발견했다. 나는 다음을 가지고있다 :HTML 설정 표 높이를 100 %로

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head runat="server" style="height:100%"> 
    <title>Untitled Page</title> 
    <asp:ContentPlaceHolder id="head" runat="server"> 
    </asp:ContentPlaceHolder> 
    <style type="text/css"> 
     .MasterStyle 
     { 
      width: 98%;    
      height: 100%; 
     } 
     .ContentStyle 
     {   
      width: 100%; 
     } 
     .TableStyle 
     { 
      width: 133px;      
      height: 100%; 
     } 
    </style> 
</head> 
<body class="MasterStyle"> 
    <form id="frmMaster" runat="server"> 
    <div class="ContentStyle">   
     <asp:Label runat="server" Text="My Site Name" Font-Bold="true" Font-Names="MS-Sans" 
      Style="text-align:right" Width="100%" /> 
     <br />   
    </div> 
    <hr /> 
    <table style="width:100%; height:100%" border="true"> 
     <tr> 
     <td class="TableStyle" style="height:100%">

나는 테이블 주위에 경계선이있어서 높이가 채워지지 않는다는 것을 알 수있다. 아무도 내가 왜 100 % 신장을 얻지 못하고 있다고 말할 수 있습니까?

출처

2010-08-23 pm_2

답변

6

난이, 구현은 다를 또한 브라우저에 의존 생각 좀 ...
그러나뿐만 아니라 100 %의 높이에 <html>을 설정하려고 왜냐하면 그것은 <body>을 둘러싼 요소이기 때문입니다. 계층 구조가 html>body>table 인 경우 가장 바깥 쪽 요소가 100 %로 설정되지 않으면 내부 요소가 더 커질 수 없습니다.

편집 : 가까이 소스 코드에서 찾고
, 나는 테이블이 실제로 너무, 그래서 아마 당신은 100 % 양식 높이를 설정하기 만 니 html>body>form>table에 앉아 있다고 생각합니다. 그리고 <head>이 100 %로 설정되어 있음을 확인했습니다. <head>은 테이블 계층 구조의 일부가 아니기 때문에 더 잘 제거합니다. <head>의 높이를 설정하면 렌더링 엔진을 혼란스럽게 할 수 있습니다.

출처

2010-08-23 07:11:55 Treb

+2

감사합니다. 양식 및 html 설정. 그러나 html의 스타일 속성이 없다는 컴파일 경고 메시지가 표시됩니다. –

관련 문제

 관련 문제