И снова footer (футер)

Вид для печати

09.11.2007, 15:49
Kiosuki

Всем огромный привет и почтение. Предупрежу сразу, в данной тебе я не собираюсь обсуждать извечный вопрос о том, как прижать футер к низу страницы. Но позволю себе поинтересоваться другим вопросом, связанным с оным. Каким образом возможно прижать футер к низу основного блока контента? Причем, если от футера до низа окна остается пустое пространство, последний должен "заполнять" его (вплоть до 100% высоты окна). Минимальная высота футера известна.

[attachment=7137:attachment]

Если этот вопрос поднимался, прошу прощения и ссылку. Мне не удалось найти.
09.11.2007, 16:45
fenixnt

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<title>Центр</title>
<style type="text/css"></style>

</head>

<body>
<div id="Splash"> Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы </div>
</body>
</html>

Вот прижимайте куда хотите. Только он не прижимается в некоторых случаях как у меня в соседней теме [Only registered and activated users can see links. Click Here To Register...]
09.11.2007, 18:49
Aykroyd

Цитата:

Originally posted by Kiosuki@Nov 9 2007, 16:49
Каким образом возможно прижать футер к низу основного блока контента?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Примерно таким же образом, как и к низу любого другого блока. Абсолютным позиционированием.

Цитата:

Originally posted by Kiosuki@Nov 9 2007, 16:49
Причем, если от футера до низа окна остается пустое пространство, последний должен "заполнять" его (вплоть до 100% высоты окна). Минимальная высота футера известна.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Либо Вы что-то не так излагаете, либо сами не понимаете, что пишете.

1. Если футер прижат к низу основного блока контента => он находится внутри основного блока контента.

2. Если от футера до низа окна остается пустое пространство => основной блок контента меньше окна браузера по высоте.

3. Так каким же это образом футер может в данном случае что-то «заполнять», если он находится ВНУТРИ блока, который в свою очередь до низа окна браузера НЕ ДОСТАЕТ?

Маразм какой...

fenixnt
При производстве поливинилхлорида суспензионного и синтезе дихлорэтана очень важна своевременная утилизация хлорорганических отходов.
09.11.2007, 19:14
Kiosuki

fenixnt, полная ахинея в Вашем ответе.

Aykroyd! Footer должен быть "прижат" к низу основного блока контента снаружи [Only registered and activated users can see links. Click Here To Register...] Ведь иллюстрация выложена. Объясняю конкретно. Допустим, минимальная высота футера = 100px;

Случай 1
- Высота окна 1000px;
- Высота блока контента 500px;
В этом случае футер должен идти сразу после блока контента и занимать высоту 500px; соотв., окно не скролится

Случай 2.
- Высота окна 1000px;
- Высота блока контента 900px;
В этом случае футер должен идти сразу после блока контента и занимать высоту 100px (свой минимум), соотв. окно не скролится

Случай 3
- Высота окна 1000px;
- Высота блока контента 1000px;
В этом случае футер должен идти сразу после блока контента и занимать высоту 100px (свой минимум). Т.к. суммарная высота содержимого окна = 1100px, окно скролится.

Надеюсь, более понятно разъяснил [Only registered and activated users can see links. Click Here To Register...]
09.11.2007, 19:49
Aykroyd

Цитата:

Originally posted by Kiosuki@Nov 9 2007, 20:14
Aykroyd! Footer должен быть "прижат" к низу основного блока контента снаружи [Only registered and activated users can see links. Click Here To Register...] Ведь иллюстрация выложена. Объясняю конкретно.

<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>
Здравствуйте, приехали...
«Прижат снаружи» – так вообще-то не говорят. Первый раз такое слышу.) Не говорят по той простой причине, что описываемая Вами ситуация подразумевает не какие-то «прижимания», а простое следование блоков в прямом потоке друг за другом. И иллюстрация Ваша, кстати, этот словесный «ляп» не оправдывает... [Only registered and activated users can see links. Click Here To Register...] Ну да ладно.)

Цитата:

Originally posted by Kiosuki@Nov 9 2007, 20:14
Допустим, минимальная высота футера = 100px;
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>

Вам знакомо выражение «горе от ума»?
По-моему оно как нельзя кстати здесь подходит...)

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> * {margin: 0px; padding: 0px;} body {background: #FFFFCC;} #content {background: #FFCCFF;} #footer {min-height: 100px;} </style> <script src="js/minmax.js" type="text/javascript"></script> </head> <body> <div id="content"> bla-bla-bla bla-bla-bla bla-bla-bla bla-bla-bla bla-bla-bla bla-bla-bla bla-bla-bla bla-bla-bla</p> </div> <div id="footer"> Футер Футер Футер Футер Футер Футер Футер Футер Футер Футер Футер Футер Футер Футер Футер Футер</p> </div> </body> </html>
09.11.2007, 20:08
Kiosuki

Да нет, вряд ли стоило вспоминать крылатое выражение, принадлежавшее перу такого масштабного классика, как Грибоедов. Возможно, этот пример что-то и олицетворяет, но никак не мной поставленную задачу [Only registered and activated users can see links. Click Here To Register...] Ведь в данном примере футер следует непосредственно после блока контента и имеет высоту 100px. Всегда.

Ранее я отпостился:

Цитата:

Случай 1
- Высота окна 1000px;
- Высота блока контента 500px;
В этом случае футер должен идти сразу после блока контента и занимать высоту 500px; соотв., окно не скролится

Если рассматривать этот "Случай 1", то в приведенном примере высота футера все равно 100px.

Возможно, Aykroyd и все остальные участники, Вы меня не поняли. Я хотел объяснить, что даже без содержимого футер должен иметь высоту, равную ([высота окна]-[высота блока контента]). А если высота блока контента больше, чем ([высота окна]-[минимальная высота футера]), то в этом случае высота футера и должна быть равна минимальной высоте футера. Фух... [Only registered and activated users can see links. Click Here To Register...] Надеюсь, так будет яснее...
09.11.2007, 20:19
Aykroyd

Да понял я Вас прекрасно.)

Цитата:

Ведь в данном примере футер следует непосредственно после блока контента и имеет высоту 100px. Всегда.

Не высоту, а минимальную высоту. Это раз.

Цитата:

([высота окна]-[высота блока контента])

Это иллюзии. В CSS2 нет средств сказать «от вот этого отнять вон то». Я думал, Вы в курсе этого. Поэтому и написал про «горе»...)

Такие вещи решаются при помощи методов, чем-то напоминающих Faux Columns. Поэтому я и привел Вам вполне адекватное решение, где фон и высоту элемента #footer эмулирует элемент body... По другому – никак...
09.11.2007, 20:25
Kiosuki

Цитата:

Originally posted by Aykroyd@Nov 9 2007, 19:19
По другому – никак...

Собственно, вот что мне нужно было "услышать". Спасибо. А все остальное - пустяки, которые ясны [Only registered and activated users can see links. Click Here To Register...] Тогда будем что-то изобретать... :-\