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

Прижать таблицу к низу с помощью CSS?

Geers
На сайте с 12.04.2011
Offline
487
Geers
1019

Приветствую!

Как прижать определенную таблицу к низу страницы?

Например, таблица имеет такой вид:

<div id="table">
бла...бла...бла...
</div>

Что в css прописать? пару примеров пробывал с сети, что-то не получилось.

#table {
?
}

Спасибо! :)

Стыдно конечно мне такие вопросы задавать)

N
На сайте с 04.10.2012
Offline
8
Nevkusny
#1

Как-то так


#table {
position: absolute;
bottom: 0px;
}

Хотя, подозреваю, есть нюансы, зависящие от остального содержимого страницы.

Не люблю форумы
bukachuk
На сайте с 07.09.2008
Offline
97
bukachuk
#2

Смотря как вам нужно, если зафикстировать то: 


position:fixed;

top:100%;

margin-top:-200px;

left:0;

margin-top это высота блока, left поставить в зависимости от ширины блока ну и там margin-left:

Если внутри блока, то родителю relative, ему absolute и значения относительно родителя.

Программирование PHP,Mysql (/ru/forum/934470)
Geers
На сайте с 12.04.2011
Offline
487
Geers
#3
Nevkusny:
Как-то так 

#table {

position: absolute;

bottom: 0px;

}

Хотя, подозреваю, есть нюансы, зависящие от остального содержимого страницы.

К сожалению это не то.

Пусть даже будет одна таблица на странице, и ничего кроме.

bukachuk
На сайте с 07.09.2008
Offline
97
bukachuk
#4
Geers:
К сожалению это не то.
Пусть даже будет одна таблица на странице, и ничего кроме.

А fixed чем не устраивает? Надо тогда больше информации:)

Geers
На сайте с 12.04.2011
Offline
487
Geers
#5
bukachuk:
Смотря как вам нужно, если зафикстировать то: 


position:fixed;

top:100%;

margin-top:-200px;

left:0;


margin-top это высота блока, left поставить в зависимости от ширины блока ну и там margin-left:
Если внутри блока, то родителю relative, ему absolute и значения относительно родителя.

По вашему методу получилось, убрал left:0;, но таблица все равно прижимается к левой части, а надо чтобы в центре была. :)

bukachuk
На сайте с 07.09.2008
Offline
97
bukachuk
#6
Geers:
По вашему методу получилось, убрал left:0;, но таблица все равно прижимается к левой части, а надо чтобы в центре была. :)

left:50%;

margin-left:-485px;

-458 - ширина:

Geers
На сайте с 12.04.2011
Offline
487
Geers
#7
bukachuk:
left:50%;
margin-left:-485px;


-458 - ширина:

Не получилось, сейчас залью на хост, и покажу.

---------- Добавлено 01.02.2013 в 09:57 ----------

bukachuk:
left:50%;
margin-left:-485px;


-458 - ширина:

Все, разобрался.

margin-left:-485px; - здесь оказывается надо было указать половину ширины таблицы.

Спасибо. ;)

N
На сайте с 04.10.2012
Offline
8
Nevkusny
#8
Geers:
К сожалению это не то.
Пусть даже будет одна таблица на странице, и ничего кроме.

У меня в хроме работает с одним дивом на странице.

Прижимается к левому краю, но в стартпосте ничего не говорилось про центр...

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