X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Размещение элемента внизу страницы.
ackramya
ackramya
Topic Starter сообщение 16.2.2012, 1:11; Ответить: ackramya
Сообщение #1


Здравствуйте. Мне нужно написать код стартовой страницы на подобии ya.ru, где элементы будут размещаться вверху, по центру и внизу (все остальное пространство пустое). С верхним и центральным расположением я разобралась. А вот разместить ссылки внизу страницы не могу. Подскажите как это сделать или дайте ссылку на источник. Буду очень признательна :) :beer:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Очень
Очень
сообщение 16.2.2012, 1:22; Ответить: Очень
Сообщение #2


почитайте про "position"

фак, только что заметил что яндекс в основном на таблицах сделан, жуть
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DelphinPRO
DelphinPRO
сообщение 16.2.2012, 2:23; Ответить: DelphinPRO
Сообщение #3


вот один из способ "прижатия" подвала с фиксированной высотой к низу страницы
<body>
<div class="wrapper">
<div class="">
Содержимое страницы
</div>
<div class="guarantor"></div>
</div>

<div class="footer">
<a href="#">подвал</a>
</div>
</body>

[CSS]
html, body {height:100%;}
.wrapper {height:auto !important;min-height:100%;height:100%;}
.guarantor {height:20px;} /* высота подвала */
.footer {position:relative;margin-top:-20px;height:-20px;}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ackramya
ackramya
Topic Starter сообщение 16.2.2012, 20:04; Ответить: ackramya
Сообщение #4


(Очень @ 16.2.2012, 04:22) *
почитайте про "position"

фак, только что заметил что яндекс в основном на таблицах сделан, жуть


ага, поддерживаю, прошлый век. Блочная верстка намного легче и не такая громоздкая.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ackramya
ackramya
Topic Starter сообщение 16.2.2012, 20:51; Ответить: ackramya
Сообщение #5


(DelphinPRO @ 16.2.2012, 05:23) *
вот один из способ "прижатия" подвала с фиксированной высотой к низу страницы
<body>
<div class="wrapper">
<div class="">
Содержимое страницы
</div>
<div class="guarantor"></div>
</div>

<div class="footer">
<a href="#">подвал</a>
</div>
</body>

[CSS]
html, body {height:100%;}
.wrapper {height:auto !important;min-height:100%;height:100%;}
.guarantor {height:20px;} /* высота подвала */
.footer {position:relative;margin-top:-20px;height:-20px;}[/CSS]



Спасибо! А объясните ваш код, если не трудно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DelphinPRO
DelphinPRO
сообщение 17.2.2012, 13:29; Ответить: DelphinPRO
Сообщение #6


блок .wrapper растягивается на всю высоту страницы. В принципе, достаточно для этого одного свойства min-height:100%, но для совместимости с IE6 я добавил остальные.
Таким образом подвал .footer оказывается за пределами экрана. Поэтому мы поднимаем его с помощью отрицательного margin-top. Этот отрицательный отступ должен равнятся высоте подвала. (поэтому я уточнял, что это решение для подвала с известной высотой.).
ну блок .guarantor (равный по высоте высоте подвала) гарантирует, что при большом количестве текста в основной области, подвал не "наедет" на контент.

PS у меня там в коде опечатка
[CSS].footer {position:relative; margin-top:-20px; height:20px;}[/CSS]

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Пакетное размещение статей по разным тематикам. Скидки!
35 kasey7 10650 26.3.2024, 15:47
автор: kasey7
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыРучное размещение вечных ссылок и статей на хороших площадках
Опыт 10 лет!
419 leonidukg 273837 12.3.2024, 15:17
автор: leonidukg
Горячая тема (нет новых ответов) Статейные ссылки. Ручное размещение. Средний тИЦ - 500+
113 creatos 47683 11.3.2024, 18:21
автор: xVOVAx
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыРучное размещение объявлений и компаний по популярным доскам и каталогам организаций России, Украины, Беларуси и Казахстана
37 freeax 27824 6.3.2024, 20:57
автор: freeax
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2834 2.3.2024, 12:53
автор: toplinks


 



RSS Текстовая версия Сейчас: 29.3.2024, 9:31
Дизайн