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

Показать полную графическую версию : Расположение таблиц

Qwe1

18-06-2005, 01:02

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

E-mail

18-06-2005, 02:06

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

Prisoner

18-06-2005, 02:49

Можно заставить канву документа растягиваться на 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>

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

Qwe1

18-06-2005, 13:13

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

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

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

Prisoner

19-06-2005, 02:13

Ответ (http://htmlcoder.visions.ru/CSS/?22) на оба вопроса.
Кстати, по поводу размещения таблиц без обертывания их в контейнеры
Потому мной и слово соответствующее, ни на что не претендующее, используется :)