Обьясняю короче: слой должен быть всегда в той позиции, в которой он будет внизу окна браузера и не поднимется выше. Если есть прокрутка - в этой позиции, если прокрутить до самого низа. Если нет - всё равно он не должен торчать посередине страницы
11. SviMik - 10 Августа, 2006 - 15:42:18 - перейти к сообщению
Валерий
Обьясняю короче: слой должен быть всегда в той позиции, в которой он будет внизу окна браузера и не поднимется выше. Если есть прокрутка - в этой позиции, если прокрутить до самого низа. Если нет - всё равно он не должен торчать посередине страницы
Обьясняю короче: слой должен быть всегда в той позиции, в которой он будет внизу окна браузера и не поднимется выше. Если есть прокрутка - в этой позиции, если прокрутить до самого низа. Если нет - всё равно он не должен торчать посередине страницы
12. Валерий - 11 Августа, 2006 - 14:24:56 - перейти к сообщению
SviMik пишет:
слой должен быть всегда в той позиции, в которой он будет внизу
слой должен быть всегда в той позиции, в которой он будет внизу
Ты сам че понял? Опять писал в кровати, клюя носом в ноут?
В общем, я понял так:
есть страница, где начало - вверху, контент посередке. А вот низ страницы в любом случае, если контента даже и нету должен быть внизу окна. Так?
И положени этого низа не должно зависеть от контента до той поры, пока контента не станет так много, что появится скрол, и низ просто бязан будет стать вниз?
А таблицы тебе, конечно, использовать нельзя...
13. SviMik - 11 Августа, 2006 - 15:16:16 - перейти к сообщению
Валерий пишет:
В общем, я понял так
Ага, я почти тоже самое в начале темы и сказал.
Валерий пишет:
А таблицы тебе, конечно, использовать нельзя...
Ага. Задание такое - всё на дивах.
14. Валерий - 11 Августа, 2006 - 16:10:23 - перейти к сообщению
SviMik
Щас литературу посмотрю.
Не может быть, чтоб не было реализации. Единственно, может не под все браузеры.
Жди, спать не ложись.
Щас литературу посмотрю.
Не может быть, чтоб не было реализации. Единственно, может не под все браузеры.
Жди, спать не ложись.
15. Ray Wen - 11 Августа, 2006 - 16:28:09 - перейти к сообщению
Валерий
Можно сделать только на таблицах и без спецификации... мда, и помоему без абсолютного позиционирования заодно... Но это весьма муторно... ну по крайней мере я уже давно без спецификации не верстаю, так как FF и Opera 9 ее все равно, хоть частично, да используют в добровольно-принудительном порядке... Иначе просто не работает height:100%... Завтра может быть полажу, посмотрю что можно сделать...
Можно сделать только на таблицах и без спецификации... мда, и помоему без абсолютного позиционирования заодно...
Но это весьма муторно... ну по крайней мере я уже давно без спецификации не верстаю, так как FF и Opera 9 ее все равно, хоть частично, да используют в добровольно-принудительном порядке... Иначе просто не работает height:100%... Завтра может быть полажу, посмотрю что можно сделать...
16. SviMik - 11 Августа, 2006 - 16:50:08 - перейти к сообщению
Вроде же такая элеметарно-обычная задача... Ну очень надо!
17. Валерий - 11 Августа, 2006 - 17:35:02 - перейти к сообщению
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>
<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;
Теперь без контента экспериментально подбираем под браузер.
Конечно, у кого-то панель может быть выключена полностью, кто-то включит все возможное...
Вот это я не знаю, как обойти.
Пишем контент - див заполняется, а потом начинает растягиваться. Гы, можешь скрол поставить
Потянет такое решение?
18. SviMik - 11 Августа, 2006 - 19:08:09 - перейти к сообщению
Валерий пишет:
в зависимости от браузера.
А требуется поддержка всех браузеров со всеми ОС и с любыми типами мониторов
Что-то неубедительно выглядит этот вариант.Хотя ты подал идею! Чёрт с ним, ставлю 100% и пусть у всех будет вертикальная прокрутка. По крайней мере, не выглядит как явно выраженный баг и полоса всегда будет внизу. Я уже пробовал так делать, тока голый height:*% у меня не заработал.
Хотя если у кого есть идея - задание остаётся в силе. А то вдруг кто-то назовёт багом само наличие прокрутки на мониторе 1600х1200 при контенте в 2 слова
PS. Отступ от низа нужен ровно в 0 пикселей. 1 пиксель - считай баг
Хотя Опера например не доконца понимает CODE:
но тут уже медицина бессильна html , body {
border: none;
margin: 0px;
padding: 0px;
}
border: none;
margin: 0px;
padding: 0px;
}
19. Дмитрий Б. - 11 Августа, 2006 - 23:02:34 - перейти к сообщению
SviMik
В Опере ещё один сходный баг выглядит так: если внутри DIV'а, для которого задана высота (хоть абсолютная, хоть относительно внешнего элемента) идут P'ы, последний P не имеет отступа (при любом значении bottom-margin, в т. ч. дефолтном) между своим нижним краем и нижним краем этого клятого DIV'а, зато этот отступ отображается после нижнего края самого DIV'а. Не знаю, возможно, с другими элементами (не P) будет та же канитель - не проверял.
З. Ы. Интересно, а что если задать отступы для head?..
В Опере ещё один сходный баг выглядит так: если внутри DIV'а, для которого задана высота (хоть абсолютная, хоть относительно внешнего элемента) идут P'ы, последний P не имеет отступа (при любом значении bottom-margin, в т. ч. дефолтном) между своим нижним краем и нижним краем этого клятого DIV'а, зато этот отступ отображается после нижнего края самого DIV'а. Не знаю, возможно, с другими элементами (не P) будет та же канитель - не проверял.
З. Ы. Интересно, а что если задать отступы для head?..
20. Ray Wen - 12 Августа, 2006 - 01:53:11 - перейти к сообщению
SviMik пишет:
уже пробовал так делать, тока голый height:*% у меня не заработал.
Потому что он не указывает спецификацию, как только укажешь, height начнет работать только в px... Тогда уж проще не с процентами играться, а указать нижний паддинг на размер низа и поставить в этот отступ позиционированием низ...