Текст внизу экрана

**Aykroyd** · 31.05.2007, 00:55

А ничего придумывать-искать и не надо... ))
Достаточно в спецификацию заглянуть...

**Рёга** · 11.06.2007, 18:47

Originally posted by null@Mar 6 2007, 18:08
[b]Aykroyd, к низу чего? у него высота body меньше высоты окна.

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<html>
<head>
<style><!--
* {
 * *margin: 0px;
 * *padding: 0px;
}
body {
 * *width: 100%;
 * *height: 100%;
 * *min-height: 100%; 
 * *position: relative;
}
* html body {
 * *height: 100%;
}
div#test {
 * *width: 800px;
 * *height: 100%;
 * *background-color: Lime;
}
--></style>
</head>

<body>
<div id=&#39;test&#39;></div>
</body>
</html>

Так почему у блока "TEST" высота не 100% в Opera и Firefox ?

**Aykroyd** · 11.06.2007, 19:11

Код:

html {height: 100%;}

и

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

если уж решились на сей подвиг...

**Рёга** · 11.06.2007, 19:32

Спасибо Aykroyd, но почему если я указываю тип документа это подвиг ?

Originally posted by Aykroyd@Mar 6 2007, 15:14
[b]Прилепите футер к низу абсолютно.
[Только зарегистрированные пользователи могут видеть ссылки. ]

Но ведь этот вариант хорош если данных в таблице меньше чем на высоту страницы, а как поступить если данных в таблице много, на 1.5 страницы. Ведь тогда footer перекроет данные таблицы потому что задано абсолютное позиционирование. Есть способ работающий одинаково хорошо как с небольшим числом данных так и с большим числом данных в таблице?

**Aykroyd** · 11.06.2007, 19:34

Какой еще нафик таблицы?

**Рёга** · 11.06.2007, 19:38

Originally posted by Aykroyd@Jun 11 2007, 14:34
[b]Какой еще нафик таблицы?

Первый пост в этом топике, у меня таже проблема. Только данных в зависимости от вывода информации на разную высоту, от одной страницы до двух в высоту.

**Aykroyd** · 11.06.2007, 20:06

Да хоть от четверти одной страницы и до шестидесяти в высоту... В чем проблема-то?

Есть способ работающий одинаково хорошо как с небольшим числом данных так и с большим числом данных?

Есть... Он выше в этой теме описан...

**Рёга** · 12.06.2007, 16:31

Originally posted by Aykroyd@Jun 11 2007, 15:06
[b]Да хоть от четверти одной страницы и до шестидесяти в высоту... В чем проблема-то?

Проблема в том что я даже не представляю как это сделать без таблицы

или абсолютного позиционирования. Для примера вот элементарная схема:

Код:

<!DOCTYPE html PUBLIC &#39;-//W3C//DTD XHTML 1.0 Strict//EN&#39; &#39;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#39;>
<html xmlns=&#39;http://www.w3.org/1999/xhtml&#39;>
<head>
<style><!--
*{margin:0px;padding:0px;font-size:100.01%;}
html,body{width:100%;height:100%;}
body{min-height:100%;position:relative;}
div#container {width: 800px;position: relative;height: 100%;background-color:Lime;}
div#info {width: 100%;background-color: white;}
div#footer {width: 100%;height: 100px;}
--></style>
</head>
<body>
<div id=&#39;container&#39;>
****<div id=&#39;info&#39;></div>
****<div id=&#39;footer&#39;></div>
</div>
</body>
</html>

Как с помощью CSS можно сделать чтобы footer всегда был внизу контейнера а не страницы ?

**Aykroyd** · 13.06.2007, 03:11

[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]

**Рёга** · 14.06.2007, 20:24

Originally posted by Aykroyd@Jun 12 2007, 22:11
[b][Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]

Низкий поклон, добился требуемого в IE теперь осталось решить проблему с FF и Opera.

**Aykroyd** · 14.06.2007, 21:28

с FF и Opera нет никаких проблем... да и быть их не может...
если, конечно, эти проблемы самому себе не создавать всякими <p style='margin-bottom: 200px;'>...

**Рёга** · 14.06.2007, 23:12

Originally posted by Aykroyd@Jun 14 2007, 16:28
[b]с FF и Opera нет никаких проблем... да и быть их не может...
если, конечно, эти проблемы самому себе не создавать всякими <p style='margin-bottom: 200px;'>...

Согласен с FF нет проблем, но с Operой как и с IE проблемы есть, если перед футером например не добавить <p style='margin:0 0 200px 0;'></p>, то футер перекрывает контент а это проблема как не крути.
Aykroyd если проблемы были только с IE, то возможно было указать в CSS специально правило для IE. Вроде специальный комментарий позволяет это сделать. Есть такое или я ошибаюсь?
P.S. просматривал в Opera v9.0, FF v2.0, IE v6.0

**Aykroyd** · 14.06.2007, 23:59

Originally posted by Рёга@Jun 14 2007, 23:12
Есть такое или я ошибаюсь?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Мда... Подсказка: для того, чтобы контент не залазил под абсолютно спозиционированный футер, никогда не задают отступы или поля этому самому футеру. Для решения этой проблемы основной контент заключают в отдельный блок и задают этому блоку нижний паддинг, равный высоте футера...

Файл не смотрел...

**Рёга** · 15.06.2007, 01:16

Действительно Мда... всё гениально и просто. Благодарю, разобрался!

**KukMan** · 29.08.2007, 13:47

Всуну своих 5 копеек насчет выравнивания по ширине. блок в потоке растягивается на всю ширину родительского блока. если у него width:100%(ширина вместе с всеми отступами, бордерами и прочим), то как его можно выровнять по центру? и даже margin:0 auto; не поможет. Выровнять блок по центру можно только в том случае, если у него статическая ширина.

**Aykroyd** · 29.08.2007, 16:39

KukMan

пешите исчо ))

Тема: Текст внизу экрана

Опции темы

Поиск по теме

Отображение

Похожие темы

Футер всегда внизу

Размер экрана.

Обтекание текстом флеша внизу

Illustrator CS не копирует текст. Проблемы с текст

DIV за пределы экрана

Ваши права