Помощник
|
Размещение элемента внизу страницы. |
ackramya
|
Сообщение
#1
|
||
|
|
||
|
|||
Очень |
16.2.2012, 1:22;
Ответить: Очень
Сообщение
#2
|
|
почитайте про "position"
фак, только что заметил что яндекс в основном на таблицах сделан, жуть |
|
|
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
|
Сообщение
#4
|
|
|
|
|
ackramya
|
Сообщение
#5
|
|
вот один из способ "прижатия" подвала с фиксированной высотой к низу страницы <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 |
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]
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Пакетное размещение статей по разным тематикам. Скидки! | 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 |
Текстовая версия | Сейчас: 29.3.2024, 9:31 |