Реклама на сайте Advertise with us

Знатокам HTML - хитрый вопрос

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 13.08.03
Сообщения: 533
Рейтинг: 481

Ссылка на сообщениеДобавлено: 03/04/05 в 08:04       Ответить с цитатойцитата 

Есть html-страница, которая может быть и из пары строк, а может разрастись и до нескольких экранов (это вывод скрипта)
внизу страницы нужно показывать summary + copyright
когда много страниц с прокруткой - все нормально, внизу показывается, а когда несколько строк - ни к селу, ни к городу посреди экрана summary болтается

вопрос : а можно ли принудительно нужную строчку зажать в правый нижний угол браузера, или такое средствами html невозможно ?

0
 

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>

крипта на ByBit

0
 

БешаныйСуслег

С нами с 16.06.04
Сообщения: 1322
Рейтинг: 1338

Ссылка на сообщениеДобавлено: 03/04/05 в 14:35       Ответить с цитатойцитата 

Насчёт средств html не знаю, можно попробовать так

Код:

<div style="position: fixed; bottom: 0px; right: 0px;">
MY RIGHT-DOWN CORNER
</div>

0
 

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>

тогда эта конструкция наверное наложится на вывод

крипта на ByBit

0
 

БешаныйСуслег

С нами с 16.06.04
Сообщения: 1322
Рейтинг: 1338

Ссылка на сообщениеДобавлено: 03/04/05 в 16:33       Ответить с цитатойцитата 

Sterx писал:
тогда эта конструкция наверное наложится на вывод

Да действительно наложится и более того, будет всё время назодится там при скролле.
При определённых условиях можно поколдовать над position: relative; и отрицательными маргинами, но там тоже есть возможность "наезда" на имеющийся текст.

0
 



С нами с 25.10.03
Сообщения: 1271
Рейтинг: 679

Ссылка на сообщениеДобавлено: 03/04/05 в 17:05       Ответить с цитатойцитата 

предложенная конструкия CSS - не выход..... раельно сделать то что sterx посоветовал.... я сам всегда етой конструкцией пользуюсь в таких случаях.....

2sterx: разве не во всех браузерах работает? вроде всегда было нормально у меня.... это ж стандарт хтмля....
как будет время погляжу как совместима..... но на основных работает без проблем...

0
 

programmer

С нами с 08.12.02
Сообщения: 7613
Рейтинг: 5760

Ссылка на сообщениеДобавлено: 03/04/05 в 17:29       Ответить с цитатойцитата 

adult-designer писал:
предложенная конструкия CSS - не выход..... раельно сделать то что sterx посоветовал.... я сам всегда етой конструкцией пользуюсь в таких случаях.....
2sterx: разве не во всех браузерах работает? вроде всегда было нормально у меня.... это ж стандарт хтмля....
как будет время погляжу как совместима..... но на основных работает без проблем...

помню в Нетшкафе и какой то опере height=100% не растягивал таблицу на весь экран - дебаты велись жаркие на xpoint.ru
а щас может таких и не осталось, хз

крипта на ByBit

0
 



С нами с 28.05.04
Сообщения: 201
Рейтинг: 146

Ссылка на сообщениеДобавлено: 06/04/05 в 16:20       Ответить с цитатойцитата 

Sterx писал:
помню в Нетшкафе и какой то опере height=100% не растягивал таблицу на весь экран - дебаты велись жаркие на xpoint.ru
а щас может таких и не осталось, хз


А решается! Через CSS. Вычитал у классиков где-то

Код:
HTML, BODY {
  height: 100%
}

0
 



С нами с 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 раз

0
 

1К13!

С нами с 07.05.04
Сообщения: 7721
Рейтинг: 2428

Ссылка на сообщениеДобавлено: 25/04/05 в 22:10       Ответить с цитатойцитата 

При этом в таблице д.б. как минимум две строки. первая - собственно контент (высотой 100%). вторая - копирайт и саммари (вертикальное выравнивание в ней д.б. понизу).

Talitha kumi!

0
 

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">
И все будет ОК.

www.SitecDesign.com - сайты в лучших традициях адалта.

0
 



С нами с 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">
И все будет ОК.


а главное написать в коде "И все будет ОК.", тогда точно уж никуда не денется и будет работать... icon_smile.gif

0
 



С нами с 19.09.03
Сообщения: 1988
Рейтинг: 1247


Передовик Master-X (01.02.2004) Передовик Master-X (16.03.2004)
Ссылка на сообщениеДобавлено: 25/04/05 в 22:52       Ответить с цитатойцитата 

Может просто строки пустые в таблице добавлять?

0
 



С нами с 25.10.03
Сообщения: 1271
Рейтинг: 679

Ссылка на сообщениеДобавлено: 25/04/05 в 22:57       Ответить с цитатойцитата 

Wahoven писал:
Может просто строки пустые в таблице добавлять?


это невыход..... к примеру добавишь пустые строки под разрешение 1024х780 на 800х600 будет за пределы экрана вылазить, а на большем разрешении нежели 1024х780 будет короткая таблица.....

0
 



С нами с 14.10.03
Сообщения: 374
Рейтинг: 609


Передовик Master-X (01.10.2016)
Ссылка на сообщениеДобавлено: 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>


Разумеется высоту конент и футер ячеек можно менять в зависимости от конкретного случая.

0
 

Доктор гонзо-журналистики

С нами с 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">&nbsp;</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

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »