ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML табличка
2 сообщений из 2, страница 1 из 1
HTML табличка
    #34600412
mrJust
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mrJust
Гость
Господа, кто подскажет:
Нужен макет 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
17.06.2007, 17:07
| Ответить | Цитировать | Написать  
HTML табличка
    #34601128
sniper911
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
sniper911
Участник
<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
18.06.2007, 10:56
| Ответить | Цитировать | Написать  
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML табличка
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1458094]:
 0ms
get settings:
 9ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 175ms
get topic data:
 11ms
get first new msg:
 5ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 2ms
others: 227ms
total:  491ms
созд. / загр.: 491ms
x
x
Закрыть


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