Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   таблицы на всю высоту страницы браузера (https://javascript.ru/forum/dom-window/9804-tablicy-na-vsyu-vysotu-stranicy-brauzera.html)

Артем125 06.06.2010 18:53

таблицы на всю высоту страницы браузера
 
Подскажите, как таблицу <!--Тело таблицы--> растянуть на весь лист, ставлю параметр height="100%" - он вылезает за страницу и появляется скроулинг

Делается все дивами, а как не знаю)

<body text="#000000" topmargin="0" bottommargin="0" rightmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<!--Заголовок таблицы-->
<table width="1200" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="75" background="../dataimg/fon_title.gif">&nbsp;</td>
  </tr>

    <tr>
    <td height="77" bgcolor="#DEDEDD">&nbsp;</td>
  </tr>
    <tr>
    <td height="13" bgcolor="#DA251D">&nbsp;</td>
  </tr>
</table>
<!--Тело таблицы-->
<table width="1200" height="100%"  border="5" align="center" cellpadding="0" cellspacing="0">
  <tr>

    <td >&nbsp;</td>
  </tr>
</table>

<!--Подвал-->
<table width="1200" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
    <div style='text-align: right'></div>

    </td>
  </tr>
</table>
</body>

Sweet 06.06.2010 20:06

Во-первых, что это за фигня?:)
<body text="#000000" topmargin="0" bottommargin="0" rightmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

Так уже сто лет в обед было как не делают! Достаточно так:
<body style="margin:0">

А по тему: height="100%" - это 100% от экрана, поэтому и вылезает. Нужно сделать одну большую таблицу в которой и заголовок будет, и подвал, и все-все-все...
А вообще, учите основы верстки. Например, здесь

Артем125 06.06.2010 20:24

Цитата:

Сообщение от Sweet (Сообщение 58138)
Во-первых, что это за фигня?:)

Простите :)


И спасибо, пришел к такому же выводу)!


Часовой пояс GMT +3, время: 21:07.