С нами с 13.08.03
Сообщения: 533
Рейтинг: 481
|
Добавлено: 03/04/05 в 08:04 |
Есть html-страница, которая может быть и из пары строк, а может разрастись и до нескольких экранов (это вывод скрипта)
внизу страницы нужно показывать summary + copyright
когда много страниц с прокруткой - все нормально, внизу показывается, а когда несколько строк - ни к селу, ни к городу посреди экрана summary болтается
вопрос : а можно ли принудительно нужную строчку зажать в правый нижний угол браузера, или такое средствами html невозможно ?
|
|
|
|
programmer
С нами с 08.12.02
Сообщения: 7613
Рейтинг: 5760
|
Добавлено: 03/04/05 в 08:10 |
в правый можно, а в нижний не везде получится - не во всех браузерах
Код: |
<table width="100%" height="100%">
<tr>
<td align="right" valign="bottom">
summary
</td>
</tr>
</table>
|
|
|
|
|
БешаныйСуслег
С нами с 16.06.04
Сообщения: 1322
Рейтинг: 1338
|
Добавлено: 03/04/05 в 14:35 |
Насчёт средств html не знаю, можно попробовать так
Код: |
<div style="position: fixed; bottom: 0px; right: 0px;">
MY RIGHT-DOWN CORNER
</div>
|
|
|
|
|
programmer
С нами с 08.12.02
Сообщения: 7613
Рейтинг: 5760
|
Добавлено: 03/04/05 в 14:49 |
ghood писал: | Насчёт средств html не знаю, можно попробовать так
Код: |
<div style="position: fixed; bottom: 0px; right: 0px;">
MY RIGHT-DOWN CORNER
</div>
| |
тогда эта конструкция наверное наложится на вывод
|
|
|
|
БешаныйСуслег
С нами с 16.06.04
Сообщения: 1322
Рейтинг: 1338
|
Добавлено: 03/04/05 в 16:33 |
Sterx писал: | тогда эта конструкция наверное наложится на вывод |
Да действительно наложится и более того, будет всё время назодится там при скролле.
При определённых условиях можно поколдовать над position: relative; и отрицательными маргинами, но там тоже есть возможность "наезда" на имеющийся текст.
|
|
|
|
С нами с 25.10.03
Сообщения: 1271
Рейтинг: 679
|
Добавлено: 03/04/05 в 17:05 |
предложенная конструкия CSS - не выход..... раельно сделать то что sterx посоветовал.... я сам всегда етой конструкцией пользуюсь в таких случаях.....
2sterx: разве не во всех браузерах работает? вроде всегда было нормально у меня.... это ж стандарт хтмля....
как будет время погляжу как совместима..... но на основных работает без проблем...
|
|
|
|
programmer
С нами с 08.12.02
Сообщения: 7613
Рейтинг: 5760
|
Добавлено: 03/04/05 в 17:29 |
adult-designer писал: | предложенная конструкия CSS - не выход..... раельно сделать то что sterx посоветовал.... я сам всегда етой конструкцией пользуюсь в таких случаях.....
2sterx: разве не во всех браузерах работает? вроде всегда было нормально у меня.... это ж стандарт хтмля....
как будет время погляжу как совместима..... но на основных работает без проблем... |
помню в Нетшкафе и какой то опере height=100% не растягивал таблицу на весь экран - дебаты велись жаркие на xpoint.ru
а щас может таких и не осталось, хз
|
|
|
|
С нами с 28.05.04
Сообщения: 201
Рейтинг: 146
|
Добавлено: 06/04/05 в 16:20 |
Sterx писал: | помню в Нетшкафе и какой то опере height=100% не растягивал таблицу на весь экран - дебаты велись жаркие на xpoint.ru
а щас может таких и не осталось, хз |
А решается! Через CSS. Вычитал у классиков где-то
Код: | HTML, BODY {
height: 100%
} |
|
|
|
|
С нами с 19.09.03
Сообщения: 2989
Рейтинг: 367
|
Добавлено: 25/04/05 в 21:40 |
dm писал: | Есть html-страница, которая может быть и из пары строк, а может разрастись и до нескольких экранов (это вывод скрипта)
внизу страницы нужно показывать summary + copyright
когда много страниц с прокруткой - все нормально, внизу показывается, а когда несколько строк - ни к селу, ни к городу посреди экрана summary болтается
вопрос : а можно ли принудительно нужную строчку зажать в правый нижний угол браузера, или такое средствами html невозможно ? |
В таблицах должен стоять height=100%. Дай страницу, я тебе сделаю.
Последний раз редактировалось: d-tox (27/02/06 в 00:43), всего редактировалось 1 раз
|
|
|
|
1К13!
С нами с 07.05.04
Сообщения: 7721
Рейтинг: 2428
|
Добавлено: 25/04/05 в 22:10 |
При этом в таблице д.б. как минимум две строки. первая - собственно контент (высотой 100%). вторая - копирайт и саммари (вертикальное выравнивание в ней д.б. понизу).
|
|
|
|
SitecDesign
С нами с 01.03.05
Сообщения: 665
Рейтинг: 205
|
Добавлено: 25/04/05 в 22:45 |
Чтобы height=100% работал везде надо вместо строчки
Код: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
Писать строчку
Код: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
И все будет ОК. |
|
|
|
|
С нами с 25.10.03
Сообщения: 1271
Рейтинг: 679
|
Добавлено: 25/04/05 в 22:49 |
Raptor-Designer писал: | Чтобы height=100% работал везде надо вместо строчки
Код: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
Писать строчку
Код: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
И все будет ОК. | |
а главное написать в коде "И все будет ОК.", тогда точно уж никуда не денется и будет работать...
|
|
|
|
С нами с 19.09.03
Сообщения: 1988
Рейтинг: 1247
|
Добавлено: 25/04/05 в 22:52 |
Может просто строки пустые в таблице добавлять?
|
|
|
|
С нами с 25.10.03
Сообщения: 1271
Рейтинг: 679
|
Добавлено: 25/04/05 в 22:57 |
Wahoven писал: | Может просто строки пустые в таблице добавлять? |
это невыход..... к примеру добавишь пустые строки под разрешение 1024х780 на 800х600 будет за пределы экрана вылазить, а на большем разрешении нежели 1024х780 будет короткая таблица.....
|
|
|
|
С нами с 14.10.03
Сообщения: 374
Рейтинг: 609
|
Добавлено: 26/04/05 в 22:41 |
Можно попробовать загнать все в центральную таблицу такого вида:
Код: |
<table height="100%">
<tr>
<td height="95%">Content cell</td>
</tr>
<tr>
<td height="5%">Footer cell</td>
</tr>
</table>
|
Разумеется высоту конент и футер ячеек можно менять в зависимости от конкретного случая.
|
|
|
|
Доктор гонзо-журналистики
С нами с 07.03.05
Сообщения: 1789
Рейтинг: 625
|
Добавлено: 27/04/05 в 00:33 |
dm писал: | вопрос : а можно ли принудительно нужную строчку зажать в правый нижний угол браузера, или такое средствами html невозможно ? |
Оффтопик: а нафига? меня бы это напрягло как пользователя...
|
|
Высший текстовый пилотаж. Натуральный English, доступные цены. ICQ 262535258 promo-text.com
|
0
|
|
|
+ + +
С нами с 18.12.04
Сообщения: 88
Рейтинг: 24
|
Добавлено: 27/04/05 в 02:56 |
Код: | CSS:
html, body {height: 100%; margin: 0; padding: 0;}
#all {position: relative; height: 100%;}
html>body #all {height: auto; min-height: 100%;}
#empty, #footer {height: _foo_;}
/* или
#footer {height: _foo_;}
#empty {height: _foo_ + _bar_;}
*/
#footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
HTML:
<body>
<div id="all">
C O N T E N T
<div id="empty"> </div>
<div id="footer">
F O O T E R
</div>
</div>
</body> |
Логика: внутри body со стопроцентной высотой и нулевыми отступами расположен блок #all с высотой 100% и более. Его позиция относительно body высчитывается в соответствии с нормальным расположением (position: relative;). #footer расположен внизу относительно высоты содержащего его блока #all. Так как #footer позиционирован абсолютно (изъят из нормального обтекания), то потребуется «пустой» блок (#empty), который будет служить «толкателем».
Недостаткок: предполагается, что значения высоты #footer и #empty известны.
http://imfo.ru/computers/footer-absolute
|
|
|
|