Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML табличка / 2 сообщений из 2, страница 1 из 1
17.06.2007, 17:07
    #34600412
mrJust
mrJust
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML табличка
Господа, кто подскажет:
Нужен макет Header, Data, Footer.
Макет Header всегда сверху, Footer всегда снизу, Data - занимает всю оставшуюся область.
Что-то вроде такого:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<style>
.page{width: 100 %; height: 100 %;}
.header{height: 150px;}
.footer{height: 50px;}
</style>
<table class="page">
<tr><td class="header">HEADER</td></tr>
<tr><td class="data">DATA</td></tr>
<tr><td class="footer">FOOTER</td></tr>
</table>
Вот такой элементарный макет.
А как сделать тоже самое но без использования общей таблицы?
К примеру разбить на 3 таблицы или использовать Дивы.
Я пробовал играть с тремя Дивами + у секции Footer position: absolute. Но тогда Footer всегда остаётся на экране, а мне нужно чтобы опускался под секцию Data, если контента на страниуе слишком много.

Покажите если есть пример в инете или вылажите код. Заранее благодарен.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2007, 10:56
    #34601128
sniper911
sniper911
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML табличка
<style>
div {width:100%; margin 0 0 0 0px}

#header {высота}
#data {высота}
#footer {высота}

</style>
<body>
<div id="header">header</div>
<div id="data">data</div>
<div id="footer">footer</div>
</body>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML табличка / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 164ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458094]:
 0ms
get settings:
 11ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 62ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 43ms
get tp. blocked users:
 2ms
others: 10ms
total:  164ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]