Расположение таблиц - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - Расположение таблиц (http://forum.oszone.net/showthread.php?t=50693)

Расположение таблиц

Есть три таблицы, расположенные одна за другой, все шириной в 100%. Первая - для шапки сайта, высотой 100. Нижняя - для копирайтов, высотой 50. Между ними - таблица для информации. Если этой информации мало или разрешение экрана большое, то возникает ненужное свободное место между нижней таблицей и нижней частью экрана. Хотелось бы, что нижняя таблица всегда была внизу. При том только в том случае, когда нет прокрутки (может есть JavaScript, определяющий, нужна ли прокрутка). Если выставить высоту средней таблицы в 100%, то отчасти проблема решится, но не совсем так, как хотелось бы. Что подскажете?

Qwe1 атрибут в нижнюю таблицу valing=bottom
выровнить по нижнему краю

Можно заставить канву документа растягиваться на 100% по высоте -

Код:

html,body{

height:100%;

margin:0px;

padding:0px

}

,
а затем обернуть таблицы следующим образом:

Код:

<head>

  <style>

  html,body{

    height:100%;

    margin:0px;

    padding:0px

  }

  </style>

</head>

<body>

  <table style="height: 100%; width: 100%" cellpadding="0" cellspacing="0" border="0">

    <tr>

      <td style="height: 100px; border: solid 1px green">table1</td>

    </tr>

    <tr>

      <td style="border: solid 1px green">table2</td>

    </tr>

    <tr>

      <td style="height: 50px; border: solid 1px green">table3</td>

    </tr>

  </table>

</body>

Имхо, верстка с размещением таблиц друг за другом без обертывания их в контейнеры есть моветон.

Идея предложенного Вами метода, как я понял, следующая: мы используем одну общую таблицу с тремя строками, в каждую вставляем по таблице. Почему бы тогда не ограничиться только height="100%" width="100%" для этой общей таблицы и не использовать <style> между хидом и все остальные <style> в ячейках? Ведь можно задавать размеры таблиц, которые будут вставляться в эти строки-ячейки.

Да, еще вопросик. В чем разница:
<table style="height: 100%; width: 100%" ...>
между
<table height="100%" width="100%" ...>

Кстати, по поводу размещения таблиц без обертывания их в контейнеры. Спорный вопрос, по поводу моветона...

Ответ на оба вопроса.

Цитата:

Кстати, по поводу размещения таблиц без обертывания их в контейнеры

Потому мной и слово соответствующее, ни на что не претендующее, используется :)