Css позиционирование @ DeForum.ru

3 Сообщения: 717 Зарегистрирован: 07.05.03

Вопрос возможно ламерский, но ответа в книжках не нашел. Как сделать чтобы один блок прилипал к низу другого блока. Типа первый у меня 100% по высоте, а тот который в нем должен быть постоянно в самом низу первого.

Velagor, объясни внятно, в чем вопрос. Я, честно, ни фига не понял. Что такое блок? - Таблица? Окно? В какой программе?

3 Сообщения: 717 Зарегистрирован: 07.05.03

объясняю. есть такой код:

Код:

<div id=main style='height:100%'>
какая-то инфа
<div id=footer style='height:20px'>другая инфа, которая должна прилеплятся к низу</div>
</div>

у меня сейчас id=footer идет сразу после инфы в блоке id=main, а мне хочется чтобы он прилепился в самый его низ и всегда там был. Абсолютное позиционирование не подходит. Таблицы не предлагать, с ними все понятно.

0 Сообщения: 230 Зарегистрирован: 14.09.03

Velagor,
попробуй так

Код:

<div id="main" style="height:100%"> 
какая-то инфа 
<div style="height:100%;text-align:bottom">
<div id="footer" style="height:20px">другая инфа, которая должна прилеплятся к низу</div> 
</div>
</div> 

jettero,
У text-align нет значения bottom
Возможно, имелось ввиду vertical-align?

Но ваш код, скорей всего, не будет работать.

Со смешаным процентно-пиксельным позиционированием ИФАИК гладко не решается никак. Почему бы не использовать % и для нижнего блока? Это так критично?

Вы сами проверяете код, который пишете?

COLT, не работает ни в Opera, ни в IE

0 Сообщения: 230 Зарегистрирован: 14.09.03

404, да, конечно я имел в виду vertical-align - писал в торопях. :beer:

COLT, ваш вариант не работает в 6й опере, а в 7й работает.
вот рабочий вариант

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 
<style type="text/css">
#main{height:100%;background:Blue}
#footer{background:Red}
</style>
</head>
<body>
<div id="main"> 
какая-то инфа 
<div style="height:100%;vertical-align:bottom">
<span id="footer">
другая инфа, которая должна прилеплятся к низу</span><img src="spacer.gif" height="100%" width="1">
</div>
</div>
</body>
</html>

spacer.gif - прозрачная распорка 1х1 пиксель

jettero, не работает естественно.

Высота "какая-то инфа" + 100% будет больше 100%, как нетрудно догадаться.

Для этого вообще никаких ухищрений не нужно - 100%-ный ДИВ, да ещё один обычный после него.

0 Сообщения: 230 Зарегистрирован: 14.09.03

<sergio.ga>, у меня работает, а ты в чем проверял?
А просто 100% див поставить можно, только вот нужного эффекта это не дает.
Первой мой вариант был именно таким - см. выше.

DeДверь
Логин:
Пароль:
	Автологин