Высота таблицы настроек HTML до 100%

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

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

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

источник

2010-08-23 07:11:55 Treb

Спасибо. Настройка формы и html. Тем не менее, я получаю предупреждение о компиляции, говорящее, что нет свойства стиля html! –

Заканчивать этот сайт, надеюсь, что это помогает: http://apptools.com/examples/tableheight.php

источник

2010-08-23 07:11:55 Ivo

Очень хорошая статья. Спасибо за ссылку! – Treb

Высота таблицы настроек HTML до 100%

ответ

Смежные вопросы