Проблема с высотой таблицы

Temiks · December 10, 2010

Добрый вечер.

Можете помочь . Не могу верно задать высоту внутренней таблице – игнорирует.

Нужно сделать так чтоб таблица которая имеет три внутренних таблицы имели свою высоту только верхняя и нижняя таблицы а таблица которая по середина должна будет сама рассчитывать свою высоту – высоту я к ней не задаю

Высота главной таблице – 100%

Высота верхней таблицы будет – 70px

Высота нижней таблице – 55px

Из этого получаем код : ??? Прошу помочь

<body>

<tr>

<td>

<tr>

<td>

Верхняя таблица

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<tr>

<td>

Основная таблица

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<tr>

<td>

Нижняя таблица

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Edited December 12, 2010 by Temiks

Great Rash · December 11, 2010

Откажитесь от таблиц. Это легче сделать блоками.

«css прижать подвал» в Google.

Temiks · December 11, 2010

та страница то уже сделана, осталось только подправить

вот код полной стр

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8">
   <link rel="shortcut icon" href="../Atemiks.com/favicon.ico" type="image/x-icon">

   <title></title>
   <style type="text/css">
a {
    text-decoration: none;
    color: #26303C;
}

table.a {
     border-collapse: collapse;
     margin-bottom: 0px;
     height: 100%;
     width: 970px;


}
table.b {
    color: white;
    height: -74px;
    width: 970px;


}
table.c {
    color: white;
    height: 55px;
    width: 970px;
    font-family:  Tahoma;
    font-size: 14px;

}

ul {


    list-style-type: square;
     font-family:  Tahoma;
     font-size: 17px;
     margin-top: 25px;
     padding-left: -20px;
     line-height: 20px;
}
img.top {
    margin-left: 50px;
}
body {
     background: url(../Atemiks.com/img.png);
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 0;
     padding-bottom: 0;
     font-family: Tahoma;
     font-size: 12px;
     border-collapse: collapse;
}
p.a{
border-top: 25px;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 10px;
     text-indent: 0px;
     font: 12px/14px sans-serif;
     font-family: Tahoma;
     font-size: 12px;
}
 p.navigator {
     font-family:  Tahoma;
     font-size: 17px;
     margin-top: 25px;
     padding-left: -20px;
     line-height: 1px;
 }

#left {

      text-align: left;
}
  </style>
  </head>
  <body>
      <table class="a" bgcolor="#26303C" align="center" border="0px" >
          <tr>
              <td >
                  <table class="b" width="970px"  cellpadding="10px" height="55px" >
                                  <tr>
                                      <td align="left" texst-color="#FFFFFF"   >
                              <h1>Atemiks.com</h1>
                          </td>
                      </tr>
                  </table>
              </td>
          </tr>
          <tr>
              <td >
                  <table class="b" width="970px"  cellpadding="10px" height="55px" >
                      <tr >
                          <td align="right" color="#FFFFFF" height="60px"  >
                              <h3>Лучшие игры и статьи</h3>
                          </td>
                      </tr>
                  </table>
              </td>
          </tr>
          <tr>
              <td>
                  <table width="970px"  border="1px" cellpadding="0" cellspacing="0"  >
                      <tr>
                          <td  bgcolor="#FFFFFF" width="200px" valign="top" >

                              <ul>
                                  <li><a href="sait.com">Обо мне</a></li>
                                  <li><a href="sait.com">Игры</a></li>
                                  <li><a href="sait.com">Статьи</a></li>
                                  <li><a href="sait.com">Контакты</a></li>
                              </ul>


                              <a href="sait.com"><img class="top" src="../Atemiks.com/top.png"
                                                      align="centre" border="0" ></a>

                          </td>
                          <td bgcolor="#FFFFFF" width="770px" valign="top"   >
                              <div id="left">
                              <p class="a" >Друг уронил утюг в унитаз.
     И разбил его. Не утюг разбил, а унитаз.
     Причем так разбил, что по назначению унитаз и использовать никак
     нельзя, ни боком, ни передом. Мгновением назад только
     что вот все было хорошо и вот уже дыра прямо в унитазе,
     да такая, что можно забыть, что есть такой предмет в
     доме. Махнул рукой нечаянно, а потом мучайся...</p>
                              <p class="a" >Друг уронил утюг в унитаз. И разбил его. Не утюг разбил, а унитаз.
     Причем так разбил, что по назначению унитаз и использовать никак
     нельзя, ни боком, ни передом. Мгновением назад только
     что вот все было хорошо и вот уже дыра прямо в унитазе,
     да такая, что можно забыть, что есть такой предмет в
     доме. Махнул рукой нечаянно, а потом мучайся...</p>
                              <p class="a" >Друг уронил утюг в унитаз. И разбил его. Не утюг разбил, а унитаз.
     Причем так разбил, что по назначению унитаз и использовать никак
     нельзя, ни боком, ни передом. Мгновением назад только
     что вот все было хорошо и вот уже дыра прямо в унитазе,
     да такая, что можно забыть, что есть такой предмет в
     доме. Махнул рукой нечаянно, а потом мучайся...</p>
                              <p class="a" >Друг уронил утюг в унитаз. И разбил его. Не утюг разбил, а унитаз.
     Причем так разбил, что по назначению унитаз и использовать никак
     нельзя, ни боком, ни передом. Мгновением назад только
     что вот все было хорошо и вот уже дыра прямо в унитазе,
     да такая, что можно забыть, что есть такой предмет в
     доме. Махнул рукой нечаянно, а потом мучайся... </p>
                              <p class="a" >Друг уронил утюг в унитаз. И разбил его. Не утюг разбил, а унитаз.
     Причем так разбил, что по назначению унитаз и использовать никак
     нельзя, ни боком, ни передом. Мгновением назад только
     что вот все было хорошо и вот уже дыра прямо в унитазе,
     да такая, что можно забыть, что есть такой предмет в
     доме. Махнул рукой нечаянно, а потом мучайся...</p>
                              <p class="a" >Друг уронил утюг в унитаз. И разбил его. Не утюг разбил, а унитаз.
     Причем так разбил, что по назначению унитаз и использовать никак
     нельзя, ни боком, ни передом. Мгновением назад только
     что вот все было хорошо и вот уже дыра прямо в унитазе,
     да такая, что можно забыть, что есть такой предмет в
     доме. Махнул рукой нечаянно, а потом мучайся...
                  </p>
                              </div>
                          </td>
                      </tr>

                  </table>
              </td>
          </tr>
          <tr>
              <td  >
                  <table class="c" cellpadding="10px" height="55px"  >
                      <tr>
                          <td align="right" height="55px" >
                              <small>© 2010 Atemiks.com <sup>TM</sup></small>
                          </td>
                      </tr>
                  </table>
              </td>
          </tr>
      </table>
   </body>
</html>

Edited December 11, 2010 by Great Rash
Научитесь пользоваться тегами

Great Rash · December 11, 2010

Вы конечно можете править до посинения, но реализовать задуманное при помощи таблиц кроссбраузерно затруднительно...

Temiks · December 12, 2010

Задача решена. Нужно было указать не просто height, а max-height. Тема закрыта

Edited December 12, 2010 by Temiks

Sign In

Проблема с высотой таблицы

Question

Temiks

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information