Всем огромный привет и почтение. Предупрежу сразу, в данной тебе я не собираюсь обсуждать извечный вопрос о том, как прижать футер к низу страницы. Но позволю себе поинтересоваться другим вопросом, связанным с оным. Каким образом возможно прижать футер к низу основного блока контента? Причем, если от футера до низа окна остается пустое пространство, последний должен "заполнять" его (вплоть до 100% высоты окна). Минимальная высота футера известна.
[attachment=7137:attachment]
Если этот вопрос поднимался, прошу прощения и ссылку. Мне не удалось найти.
<?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"><!--
html {
margin:0;
padding:0;
width:100%;
height:100%;
}
body {
margin:0;
padding:0;
width:100%;
height:100%;
background:#000;
}
div#Splash {
background:#CCC;/* для наглядности */
width:50%;
height:50%;
position:absolute;
top:25%;
left:25%; overflow:auto;
}
//--></style>
</head>
<body>
<div id="Splash"> Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы </div>
</body>
</html>
Вот прижимайте куда хотите. Только он не прижимается в некоторых случаях как у меня в соседней теме
Originally posted by Kiosuki@Nov 9 2007, 16:49 Каким образом возможно прижать футер к низу основного блока контента?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
[/quote]
Примерно таким же образом, как и к низу любого другого блока. Абсолютным позиционированием.
Originally posted by Kiosuki@Nov 9 2007, 16:49 Причем, если от футера до низа окна остается пустое пространство, последний должен "заполнять" его (вплоть до 100% высоты окна). Минимальная высота футера известна.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
[/quote]
Либо Вы что-то не так излагаете, либо сами не понимаете, что пишете.
1. Если футер прижат к низу основного блока контента => он находится внутри основного блока контента.
2. Если от футера до низа окна остается пустое пространство => основной блок контента меньше окна браузера по высоте.
3. Так каким же это образом футер может в данном случае что-то «заполнять», если он находится ВНУТРИ блока, который в свою очередь до низа окна браузера НЕ ДОСТАЕТ?
Маразм какой...
fenixnt
При производстве поливинилхлорида суспензионного и синтезе дихлорэтана очень важна своевременная утилизация хлорорганических отходов.
Aykroyd! Footer должен быть "прижат" к низу основного блока контента снаружи Ведь иллюстрация выложена. Объясняю конкретно. Допустим, минимальная высота футера = 100px;
Случай 1
- Высота окна 1000px;
- Высота блока контента 500px;
В этом случае футер должен идти сразу после блока контента и занимать высоту 500px; соотв., окно не скролится
Случай 2.
- Высота окна 1000px;
- Высота блока контента 900px;
В этом случае футер должен идти сразу после блока контента и занимать высоту 100px (свой минимум), соотв. окно не скролится
Случай 3
- Высота окна 1000px;
- Высота блока контента 1000px;
В этом случае футер должен идти сразу после блока контента и занимать высоту 100px (свой минимум). Т.к. суммарная высота содержимого окна = 1100px, окно скролится.
Originally posted by Kiosuki@Nov 9 2007, 20:14 Aykroyd! Footer должен быть "прижат" к низу основного блока контента снаружи Ведь иллюстрация выложена. Объясняю конкретно.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
Здравствуйте, приехали...
«Прижат снаружи» – так вообще-то не говорят. Первый раз такое слышу.) Не говорят по той простой причине, что описываемая Вами ситуация подразумевает не какие-то «прижимания», а простое следование блоков в прямом потоке друг за другом. И иллюстрация Ваша, кстати, этот словесный «ляп» не оправдывает... Ну да ладно.)
Originally posted by Kiosuki@Nov 9 2007, 20:14 Допустим, минимальная высота футера = 100px;
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
[/quote]<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
Вам знакомо выражение «горе от ума»?
По-моему оно как нельзя кстати здесь подходит...)
Да нет, вряд ли стоило вспоминать крылатое выражение, принадлежавшее перу такого масштабного классика, как Грибоедов. Возможно, этот пример что-то и олицетворяет, но никак не мной поставленную задачу Ведь в данном примере футер следует непосредственно после блока контента и имеет высоту 100px. Всегда.
Ранее я отпостился:
Случай 1
- Высота окна 1000px;
- Высота блока контента 500px;
В этом случае футер должен идти сразу после блока контента и занимать высоту 500px; соотв., окно не скролится
Если рассматривать этот "Случай 1", то в приведенном примере высота футера все равно 100px.
Возможно, Aykroyd и все остальные участники, Вы меня не поняли. Я хотел объяснить, что даже без содержимого футер должен иметь высоту, равную ([высота окна]-[высота блока контента]). А если высота блока контента больше, чем ([высота окна]-[минимальная высота футера]), то в этом случае высота футера и должна быть равна минимальной высоте футера. Фух... Надеюсь, так будет яснее...
Ведь в данном примере футер следует непосредственно после блока контента и имеет высоту 100px. Всегда.
Не высоту, а минимальную высоту. Это раз.
([высота окна]-[высота блока контента])
Это иллюзии. В CSS2 нет средств сказать «от вот этого отнять вон то». Я думал, Вы в курсе этого. Поэтому и написал про «горе»...)
Такие вещи решаются при помощи методов, чем-то напоминающих Faux Columns. Поэтому я и привел Вам вполне адекватное решение, где фон и высоту элемента #footer эмулирует элемент body... По другому – никак...
