HTML устанавливает высоту таблицы до 100% - PullRequest
Новая
       6

HTML устанавливает высоту таблицы до 100%

2 голосов
/ 23 августа 2010

Я пытался сделать это, но это, кажется, просто игнорируется.Я нашел несколько статей, в которых говорилось, что если вы хотите сделать это, вы должны убедиться, что родительский объект также был на 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% роста?

Ответы [ 2 ]

6 голосов
/ 23 августа 2010

Я полагаю, что это также зависит от браузера, реализации немного различаются ...
Но попробуйте также установить <html> на высоту 100%, так как это элемент, окружающий <body>. Иерархия: html> body> table, если самый внешний элемент не установлен на 100%, внутренние не могут стать больше.

Edit:
Если присмотреться к вашему исходному коду, я думаю, что ваша таблица на самом деле находится на html> body> form> table, так что, возможно, вам нужно установить высоту формы на 100%. И я заметил, что ваш <head> установлен на 100%, лучше удалите его, поскольку <head> не является частью иерархии вашей таблицы. Вы никогда не понимаете, что установка высоты для <head> может сбить с толку движок рендеринга ...

2 голосов
/ 23 августа 2010

Проверьте этот сайт, надеюсь, это поможет: http://apptools.com/examples/tableheight.php

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...