Strict Standards: Resource ID#18 used as offset, casting to integer (18) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#24 used as offset, casting to integer (24) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#27 used as offset, casting to integer (27) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: CSS: слой прижать к низу страницы [2]
ТвойWeb ТвойWeb
Качественный Европейский хостинг
Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


 Страниц (4): « 1 [2] 3 4 » 

> Без описания
SviMik Супермодератор
Отправлено: 10 Августа, 2006 - 15:42:18
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




Валерий
Обьясняю короче: слой должен быть всегда в той позиции, в которой он будет внизу окна браузера и не поднимется выше. Если есть прокрутка - в этой позиции, если прокрутить до самого низа. Если нет - всё равно он не должен торчать посередине страницы Улыбка
 
 Top
Валерий Администратор
Отправлено: 11 Августа, 2006 - 14:24:56
Post Id



Админ-3


Покинул форум
Сообщений всего: 2676
Дата рег-ции: Янв. 2005  
Откуда: Беларусь

Карма 16




SviMik пишет:

слой должен быть всегда в той позиции, в которой он будет внизу

Растерялся

Ты сам че понял? Опять писал в кровати, клюя носом в ноут?

В общем, я понял так:
есть страница, где начало - вверху, контент посередке. А вот низ страницы в любом случае, если контента даже и нету должен быть внизу окна. Так?
И положени этого низа не должно зависеть от контента до той поры, пока контента не станет так много, что появится скрол, и низ просто бязан будет стать вниз?

А таблицы тебе, конечно, использовать нельзя...
 
 Top
SviMik Супермодератор
Отправлено: 11 Августа, 2006 - 15:16:16
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




Валерий пишет:
В общем, я понял так

Ага, я почти тоже самое в начале темы и сказал.

Валерий пишет:
А таблицы тебе, конечно, использовать нельзя...

Ага. Задание такое - всё на дивах.
 
 Top
Валерий Администратор
Отправлено: 11 Августа, 2006 - 16:10:23
Post Id



Админ-3


Покинул форум
Сообщений всего: 2676
Дата рег-ции: Янв. 2005  
Откуда: Беларусь

Карма 16




SviMik
Щас литературу посмотрю.
Не может быть, чтоб не было реализации. Единственно, может не под все браузеры.
Жди, спать не ложись.
 
 Top
Ray Wen Администратор
Отправлено: 11 Августа, 2006 - 16:28:09
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




Валерий
Можно сделать только на таблицах и без спецификации... мда, и помоему без абсолютного позиционирования заодно... Улыбка Но это весьма муторно... ну по крайней мере я уже давно без спецификации не верстаю, так как FF и Opera 9 ее все равно, хоть частично, да используют в добровольно-принудительном порядке... Иначе просто не работает height:100%... Завтра может быть полажу, посмотрю что можно сделать...
 
 Top
SviMik Супермодератор
Отправлено: 11 Августа, 2006 - 16:50:08
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




Вроде же такая элеметарно-обычная задача... Ну очень надо!
 
 Top
Валерий Администратор
Отправлено: 11 Августа, 2006 - 17:35:02
Post Id



Админ-3


Покинул форум
Сообщений всего: 2676
Дата рег-ции: Янв. 2005  
Откуда: Беларусь

Карма 16




CODE:
<html>
<head>
<title>Привет Свиму!!!</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
.verh {
background-color: #CC9900;
height: 45px;
margin-bottom: 5px;
border: 1px solid #0000FF;
margin-top: 10px;
}
.niz {
background-color: #00CCFF;
height: 50px;
width: 100%;
margin-right: 50px;
margin-left: 50px;
border: medium groove #CC3300;
}
-->
</style>
<style type="text/css">
<!--
.telo {
background-color: #99FFCC;
margin: 5px 80px;
height: 75%;
width: auto;
overflow: visible;
}
-->
</style>
</head>

<body>
<div class="verh">это верх страницы </div>
<div class="telo"> здесь контент.</div>
<div class="niz">это низ страницы </div>
</body>
</html>


Три дива.
Верх, сама страница, низ, который всегда внизу.

Значит, весь фокус в том, что низ - самый простой. А играем с дивом, где контент.
Делаем его высотой в 75-90% в зависимости от браузера. Извини, но иначе не придумывается никак.
Важно очень - ставим опцию автоматической растяжки в стиле overflow: visible;
Теперь без контента экспериментально подбираем под браузер.
Конечно, у кого-то панель может быть выключена полностью, кто-то включит все возможное...
Вот это я не знаю, как обойти.

Пишем контент - див заполняется, а потом начинает растягиваться. Гы, можешь скрол поставитьУлыбка

Потянет такое решение?
 
 Top
SviMik Супермодератор
Отправлено: 11 Августа, 2006 - 19:08:09
Post Id



Где-то там...


Покинул форум
Сообщений всего: 3538
Дата рег-ции: Окт. 2004  
Откуда: Tallinn, Estonia

Карма 4




Валерий пишет:
в зависимости от браузера.

А требуется поддержка всех браузеров со всеми ОС и с любыми типами мониторов Улыбка Что-то неубедительно выглядит этот вариант.

Хотя ты подал идею! Чёрт с ним, ставлю 100% и пусть у всех будет вертикальная прокрутка. По крайней мере, не выглядит как явно выраженный баг и полоса всегда будет внизу. Я уже пробовал так делать, тока голый height:*% у меня не заработал.
Хотя если у кого есть идея - задание остаётся в силе. А то вдруг кто-то назовёт багом само наличие прокрутки на мониторе 1600х1200 при контенте в 2 слова Улыбка

PS. Отступ от низа нужен ровно в 0 пикселей. 1 пиксель - считай баг Улыбка Хотя Опера например не доконца понимает
CODE:
html , body {
border: none;
margin: 0px;
padding: 0px;
}
но тут уже медицина бессильна Улыбка
 
 Top
Дмитрий Б.
Отправлено: 11 Августа, 2006 - 23:02:34
Post Id



Super Member


Покинул форум
Сообщений всего: 800
Дата рег-ции: Март 2005  
Откуда: Иркутск

Карма 0




SviMik
В Опере ещё один сходный баг выглядит так: если внутри DIV'а, для которого задана высота (хоть абсолютная, хоть относительно внешнего элемента) идут P'ы, последний P не имеет отступа (при любом значении bottom-margin, в т. ч. дефолтном) между своим нижним краем и нижним краем этого клятого DIV'а, зато этот отступ отображается после нижнего края самого DIV'а. Не знаю, возможно, с другими элементами (не P) будет та же канитель - не проверял.

З. Ы. Интересно, а что если задать отступы для head?..
 
 Top
Ray Wen Администратор
Отправлено: 12 Августа, 2006 - 01:53:11
Post Id



Собиратель шишек...


Покинул форум
Сообщений всего: 2602
Дата рег-ции: Янв. 2005  
Откуда: Волгоград

Карма 21




SviMik пишет:
уже пробовал так делать, тока голый height:*% у меня не заработал.

Потому что он не указывает спецификацию, как только укажешь, height начнет работать только в px... Тогда уж проще не с процентами играться, а указать нижний паддинг на размер низа и поставить в этот отступ позиционированием низ...
 
 Top
Страниц (4): « 1 [2] 3 4 »
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0, скрытых: 0)
« CSS »


Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.



Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0407]     [ Gzipped ]