Форум hotibo.ru

Lev · 24.03.2011 13:45

Здравствуйте,

Прочитал почти все темы и статьи на тему растяжки страницы по вертикали на 100%, но так и не получилось реализовать на деле. Помогите пожалуйста прижать footer к низу страницы.

Код:

Title








Header








Content



Navigation


Extra

Footer

Ilya Lebedev · #2 24.03.2011 20:41

Lev
Поиграйтесь с
http://debugger.ru/demo/other/pagetempl … plate.html
http://debugger.ru/demo/other/pagetempl … ate.v3.zip

Lev · #3 25.03.2011 10:45

Спасибо!

dark-demon · #4 28.03.2011 00:32

Ilya Lebedev, это замечательно реализуется и без скриптов

http://dark-demon.nm.ru/web/samples/xhtml/index.xml

Ilya Lebedev · #5 28.03.2011 05:46

dark-demon
Без скриптов, это без

main.css написал:

min-width: 600px; max-width: 1000px; width: expression(document.body.clientWidth>600?(document.body.clientWidth>1000?"1000px":"auto"):"600px");

?

Или я что-то пропустил?

dark-demon · #6 28.03.2011 10:49

Это не считается эти скрипты служат для задания максимальной и минимальной ширины, а не для прижатия к низу.

Ilya Lebedev · #7 28.03.2011 12:23

Тогда проясните свою мысль, пожалуйста.

dark-demon · #8 28.03.2011 17:34

ну, вот тут неплохо расписано:
http://softwaremaniacs.org/blog/2006/06 … yout-flex/

Ilya Lebedev · #9 28.03.2011 18:05

dark-demon написал:

Ilya Lebedev, это замечательно реализуется и без скриптов

Объясните конкретную эту фразу.

dark-demon · #10 06.05.2011 14:11

ты лучше объясни, что тебе объяснить как прижимать футер без JS? по ссылке всё расписано.

tapazukk · #11 06.05.2011 14:35

Пользуйтесь поиском по сайту и по форуму. Неужели так ленно?
/2005/10/18/footer-stick/

В вашем случае, необходимо указать для body и общего блока-контейнера высоту (тк считается относительно ролительского элемента).Чтобы убрать вертикальный скроллинг воспользуйтесь отрицательным margin'ом для footer (на его высоту) и освободить под него место с помощью padding у внутренних блоков.

Код:

Title









  
    Header
  
  
    
      Content
    
  
  
    Navigation
  
  
    Extra
  

 
    Footer

Отредактированно tapazukk (06.05.2011 14:40)

Artem.Chertov · #12 06.05.2011 17:53

сколько можно обсуждать одно и тоже?!
http://imade.in.ua/misc/footer/test1.html

Ilya Lebedev · #13 07.05.2011 01:42

dark-demon
Судя по всему, у Вас большие проблемы с чтением. Советую очень внимательно изучить текст.

PS: До принесения извинений могу считать Вас треплом.

dark-demon · #14 07.05.2011 08:09

и какой текст мне надо изучить?

Ilya Lebedev · #15 07.05.2011 12:44

Тот, на основании которого Вы написали

dark-demon написал:

Ilya Lebedev, это замечательно реализуется и без скриптов

И прочие сообщения на эту тему.

dark-demon · #16 07.05.2011 16:24

а нефиг писать двусмысленных фраз типа "Футер корректно перемещается при смене высоты документа через JS", а потом обижаться, что тебя неправильно поняли.

Ilya Lebedev · 07.05.2011 17:42

dark-demon
Делайте выводы.

Форум hotibo.ru

#1 24.03.2011 13:45

Прижать к низу footer

Код:

Header

#2 24.03.2011 20:41

Re: Прижать к низу footer

#3 25.03.2011 10:45

Re: Прижать к низу footer

#4 28.03.2011 00:32

Re: Прижать к низу footer

#5 28.03.2011 05:46

Re: Прижать к низу footer

main.css написал:

#6 28.03.2011 10:49

Re: Прижать к низу footer

#7 28.03.2011 12:23

Re: Прижать к низу footer

#8 28.03.2011 17:34

Re: Прижать к низу footer

#9 28.03.2011 18:05

Re: Прижать к низу footer

dark-demon написал:

#10 06.05.2011 14:11

Re: Прижать к низу footer

#11 06.05.2011 14:35

Re: Прижать к низу footer

Код:

Header

#12 06.05.2011 17:53

Re: Прижать к низу footer

#13 07.05.2011 01:42

Re: Прижать к низу footer

#14 07.05.2011 08:09

Re: Прижать к низу footer

#15 07.05.2011 12:44

Re: Прижать к низу footer

dark-demon написал:

#16 07.05.2011 16:24

Re: Прижать к низу footer

#17 07.05.2011 17:42

Re: Прижать к низу footer

Board footer