CSS - макет 100% высоты с заголовком переменной высоты - PullRequest
Новая
       0

CSS - макет 100% высоты с заголовком переменной высоты

1 голос
/ 04 июня 2010

Схема, которую я хочу достичь, довольно проста. Я хочу макет 100% высоты с заголовком, а под заголовком у меня будет боковая панель для навигации, а затем область содержимого рядом с панелью навигации (2 столбца с заголовком). Я легко могу сделать это, если я задаю заголовок заданной высоты, но я хочу, чтобы заголовок занимал столько места, сколько необходимо. Кто-нибудь знает как это сделать? Возможно ли, не зная высоты заголовка?

Спасибо за любую помощь.

1 Ответ

0 голосов
/ 04 июня 2010

Это должно сделать это 

<style type="text/css" media="screen">
body
{
  margin: 0;
  padding: 0;
  height: 100%; /* this is the key! */
  width: 100%;
}
#container
{
  position: fixed;
  height: 100%;
  width: 100%;
  background: #eaeaea;
}
#header
{
  background: #000000;
}
</style>

<body>
  <div id="header">
    <br />
    <br />
    <br />
    <br />
  </div>
  <div id="container">
    <table width="100%" style="height: 100%;">
      <tr>
         <td style="background: #ff0000; width: 250px;">
             col1
         </td>
         <td style="background: #00ff00;">
             col2
         </td>
      </tr>
    </table>
  </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...