Форум Сайтостроение Веб-строительство

Простой вопрос css

chemax
На сайте с 07.01.2009
Offline
206
chemax
594

есть слой id=wrap

css

body{
font-family:Times New Roman;
padding:5px;
text-align:center;
background:url("../images/bg.jpg");}

#wrap{
margin:auto;
width:1000px;
text-align:left;
vertical-align: bottom;}

как сделать чтобы слой wrap выравнивался по низу экрана?

Качественный хостинг, VPS и сервера. (http://ihc.ru/?ref=569)
ixRock
На сайте с 14.11.2006
Offline
46
ixRock
#1

vertical-align: bottom; тут вообще не причем.. это для инлайн или инлайн-блок элементов только..

гуглить про "привязка футера к низу страницы"

в кратце: делаем род. блок min-height:100%, на боди и хтмл в цсс вешаем 100%.

а на этот что #wrap позишн абсолют, лэфт:0, боттом:ноль, ширина 100%, нужная высота..

чтобы текст в основном блоке не наползал на футер нужно будет сделать дополнительный марджин или паддинг, или вставить пустой блок с нужной высотой, до футера но уже с позишн абсолют или статик.. %) ну как-то так.

Работаю [S]за еду и секас[/S] с XHTML, CSS, XSLT, JS, PHP. Если что, вот тут (http://www.mintdesign.ru/) некоторые мои работы. Контакты: ася 344-ноль86-276, мыло ixrock@gmail.com
[Удален]
#2

chemax, этот слой футером должен быть? подробней объясните что за слой...

SI
На сайте с 19.12.2007
Offline
77
St.I.An
#3

нижний блок можно не абсолютом позиционировать, а отрицательным маржином. а в-целом - именно так.

вот тут вроде расписано http://www.aether.ru/blog/2008/04/22/my-favorite-css-methods

рисуем, верстаем, кодим и крутим ...аа, да, еще принимаем заказы (:
chemax
На сайте с 07.01.2009
Offline
206
chemax
#4

wrap - главный блок контейнер.

[ATTACH]50827[/ATTACH]

скриптами знаю как. css не могу. если делать слой обсолют, то как выравнивать по центру.

jpg 11.jpg
SI
На сайте с 19.12.2007
Offline
77
St.I.An
#5

если у него ширина 1000px, то left: 50%; margin-left: -500px; вроде во всех doctype c абсолютом работает

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий