Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Приклеить див-дно к низу страницы
 
 автор: SHAman   (26.02.2007 в 18:39)   письмо автору
 
 

Задача, решение которой я не знаю. Есть див - дно. Его нужно приклеить к самому низу страницы. Условие: даже если контента страницы не хватает на полэкрана, див все равно должен быть в низу.


position: absolute;
bottom: 0px;


почему-то не помогает : (

   
 
 автор: ddhvvn   (26.02.2007 в 18:47)   письмо автору
 
   для: SHAman   (26.02.2007 в 18:39)
 

Вы думаете это так просто? :))
См. здесь и здесь

   
 
 автор: AlexSol   (26.02.2007 в 19:01)   письмо автору
 
   для: ddhvvn   (26.02.2007 в 18:47)
 

это эпидемия?
народ! наполняйте сайт контентом!

   
 
 автор: ddhvvn   (26.02.2007 в 19:05)   письмо автору
 
   для: AlexSol   (26.02.2007 в 19:01)
 

>это эпидемия?
ага! наз-ся мне "лень спустится на 2 ссылки ниже"! :))

   
 
 автор: SHAman   (26.02.2007 в 19:08)   письмо автору
 
   для: ddhvvn   (26.02.2007 в 18:47)
 

На сколько я понял, там разговоры на схожую тему, но не то...

Повторю задачку: нужно чтобы на абсолютно пустой странице был div и он был в низу экрана. Если эту страницу заполнять чем угодно и сколько угодно - див остается в низу страницы. Он не фиксирован на экране (при прокрутке он должен уходить в низ), но если контента меньше, чем экран, див должен быть в низу, а не по середи не страницы.

Если я пишу приведенный выше css, мой див аццкий съезжает вверх:(

   
 
 автор: ddhvvn   (26.02.2007 в 19:10)   письмо автору
 
   для: SHAman   (26.02.2007 в 19:08)
 

>На сколько я понял, там разговоры на схожую тему, но не то...

да все то! здесь результат (пример)

   
 
 автор: AlexSol   (26.02.2007 в 19:14)   письмо автору
 
   для: ddhvvn   (26.02.2007 в 19:10)
 

ddhvvn, так и не убрал скролл?

   
 
 автор: ddhvvn   (26.02.2007 в 19:17)   письмо автору
 
   для: AlexSol   (26.02.2007 в 19:14)
 

>ddhvvn, так и не убрал скролл?
убрал... а где висит? дай ссылку

   
 
 автор: AlexSol   (26.02.2007 в 19:28)   письмо автору
 
   для: ddhvvn   (26.02.2007 в 19:17)
 

все тамже. не все дно умещается - видна тока серая часть. или это такой дизайнерский ход?

   
 
 автор: ddhvvn   (26.02.2007 в 19:30)   письмо автору
 
   для: AlexSol   (26.02.2007 в 19:28)
 

>все тамже. не все дно умещается - видна тока серая часть. или это такой дизайнерский ход?
на первой странице? если здесь - то да!

   
 
 автор: AlexSol   (26.02.2007 в 19:32)   письмо автору
 
   для: ddhvvn   (26.02.2007 в 19:30)
 

ну ты юморист! гыгыгы

   
 
 автор: ddhvvn   (26.02.2007 в 19:33)   письмо автору
 
   для: AlexSol   (26.02.2007 в 19:32)
 

:-D
но если серьезно, может я правда где упустил опять че? кинь ссылку, где ты это видел!

   
 
 автор: AlexSol   (26.02.2007 в 19:38)   письмо автору
 
   для: ddhvvn   (26.02.2007 в 19:33)
 

пока сайт не начали набивать контентом - спи спокойно. а вот когда начнут... особенно если через cms =)

я имел ввиду титул.

   
 
 автор: ddhvvn   (26.02.2007 в 19:41)   письмо автору
 
   для: AlexSol   (26.02.2007 в 19:38)
 

ну да...
ок!

   
 
 автор: AlexSol   (26.02.2007 в 19:13)   письмо автору
 
   для: SHAman   (26.02.2007 в 19:08)
 

как вас много извращенцев....

http://www.themaninblue.com/experiment/footerStickAlt/good_example_short.htm - если текста мало

http://www.themaninblue.com/experiment/footerStickAlt/good_example_long.htm - если много.

как ни сложно догадаться - стили одинаковы.

и все это из этой подборки

   
 
 автор: Lelik   (26.02.2007 в 19:38)   письмо автору
 
   для: SHAman   (26.02.2007 в 18:39)
 


<style>
html {height:100%;}
body {height:100%;}
div#layout
{
position:relative;
min-height:100%;//height:100%;
}
div#footer
{
position:absolute;
bottom:0;
}
</style>
...
<body>
<div id="layout">
<div id="footer"></div>
<div>
</body>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования