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



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Футер не падает
mitzury
mitzury
Topic Starter сообщение 1.8.2015, 3:06; Ответить: mitzury
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 296
Регистрация: 22.4.2013
Из: Санкт Петербург
Поблагодарили: 24 раза
Репутация:   2  


В шаблоне при длинных записях футер висит на определенной "высоте", как сделать чтобы он (футер) был всегда внизу?
вордпресс

Развернуть/Свернуть
Код
html {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  }
  
body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  font:normal 62.5% Arial, Helvetica, sans-serif;
  background: #00375c url(img/bg_boubbles.jpg) fixed;
  }

p {margin:0; padding:0.3em 0}

.preload {position:absolute; width:0; height:0; overflow:hidden}

a{}
a:link{color:#f8ce09}
a:visited{color:#b6b008}
a:hover{color:#f8f512}
a:active{color:#f8f512}

#outer1 {
background: url("img/bg_main.png") repeat-y scroll center 0 transparent;
  height:100%;
  }

#outer2 {
  width:942px;
  margin:auto;
background: url("img/bg_main_bottom.jpg") no-repeat scroll left bottom transparent;
  min-height:100%;
  }

#header {
  background:url(img/header.jpg) no-repeat;
  width:942px;
  height:160px;
  }
  
#topmenu {
  margin:0 0 20px 212px;
  width:auto;
  font-size:1.4em;
  padding:0;
  }
  
#topmenu a {
  background: #004f82;
  border:1px solid #3ecbff;
  border-top:none;
  text-decoration:none;
  padding: 3px 10px 3px 10px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  }
  #topmenu ul, #topmenu li{ padding:0; margin:0;}
  #topmenu li{display:inline;}
.alignleft{float:left; padding: 5px 5px 5px 0;}
.alignright{float:right; padding: 5px 0px 5px 5px;}
.aligncenter{display:block; text-align:center; padding:5px 0;}
#topmenu a:link{color:#fff;}
#topmenu a:visited{color:#fff;}
#topmenu a:hover{color:#000; background: #f8ce09;}
#topmenu a:active{color:#000;}
  
#content_container {
  
  }
  
#left_column {
  width:212px;
  min-height:90px;
  height:auto !important;
  height:90px;
  background:url(img/bg_left_column.jpg) no-repeat;
  float:left;
  padding-top:90px;
  padding-bottom:0px;
  }

#main_menu {
  width:212px;
  height:241px;
  background:url(img/menu.jpg) no-repeat center bottom;
  padding-top:49px;
  }
  
#main_menu ul {
  padding:0;
  margin:0;
  list-style:none;
  }
  
#main_menu ul li {
  margin:11px 0;
  }
  
#main_menu ul li a{
  display:block;
  width:212px;
  height:25px;
  line-height:25px;
  vertical-align:middle;
  text-align:center;
  text-decoration:none;
  color:#fff;
  font-size:1.4em;
  background:url(img/menu_but.gif) no-repeat center 0;
  }
  
#main_menu ul li a:hover{
  color:#7afaff;
  margin:0;
  background:url(img/menu_but.gif) no-repeat center bottom;
  }


.sidebox {
margin:20px 0
  }
.sidebox_top {
  height:22px;
  background:url(img/sidebox_top.png) no-repeat;
  }
  
.sidebox_main {
  background:url(img/sidebox.png) repeat-y;
  }

.sidebox_bottom {
  height:22px;
  background:url(img/sidebox_bottom.png) no-repeat;
  }

.sidebox_content {
  padding-left:22px;
  padding-right:7px;
  font-size:1.3em
  }  
  
.sidebox_content a{}
.sidebox_content a:link{color:#0099e6}
.sidebox_content a:visited{color:#0099e6}
.sidebox_content a:hover{color:#3ecbff}
.sidebox_content a:active{color:#f8f512}

#content {
  margin-left:212px;
  padding-right:41px;
  padding-left:23px;
  padding-bottom:85px;
  padding:0 41px 25px 23px;
  }

.news {
  width:663px;
  background:#005a8b url(img/news_body.jpg) no-repeat 0 32px;
  margin-bottom:2em
  }

.news_title {
  height:27px;
  background:url(img/news_title.png) no-repeat;
  color:#f8ce09;
  font-size:1.8em;
  font-weight:bold;
  text-align:center;
  padding-top:5px
  }
  
.news_body {
  background:url(img/news_boubbles.jpg) no-repeat right 220px;
  color:#fff;
  font-size:1.4em;
  padding:12px
  }

#footer {
  background:url(img/footer.jpg) no-repeat bottom left;
  height:25px;
  margin-top:-15px;
  color:#f8ce09;
  text-align:center;
  padding-top:60px;
  padding-right:0;
  font-size:1.2em;
margin:0 auto;
position: relative;
width:942px;
  }
  
.clear {clear:both}
  
.wp-pagenavi{ text-align:center; font-size:14px; color:#fff;}
.wp-pagenavi span, .wp-pagenavi a{text-decoration:none; padding:5px 4px;}  
.wp-pagenavi a{color:#0099E6;}
.gallery{overflow:hidden;}
.gallery br{clear:none !important;}
.gallery img{
height: 95%;
width: 95%;
}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Geers
Geers
сообщение 1.8.2015, 3:14; Ответить: Geers
Сообщение #2


Старожил
******


Группа: Active User
Сообщений: 1231
Регистрация: 13.4.2011
Поблагодарили: 654 раза
Репутация:   95  


С ВП не знаком, но принцип один.
Делал для клуба clubwrite.ru так:

Код
#footer {
    background: rgba(0, 0, 0, 0) url("../images/ooo.jpg") repeat-x scroll center top;
    clear: both;
    color: #757166;
    font-family: Georgia;
    height: 78px;
    margin-top: -78px;
    text-shadow: 0 1px 0 #fff;
}

и код всего сайта должен находится в контейнере wrapper например:
Код
<body>
    <div id="wrapper">весь код сайта (т.е. главной)<div>
</body>

т.е. футер должен находится в контейнере wrapper и весь код сайта.
Код контейнера:
Код
#wrapper {
  position:relative;
  height:auto !important;
  min-height: 100%;
  display:block;
}


Сообщение отредактировал Geers - 1.8.2015, 3:21
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Опрос (нет новых голосов) Опрос: Sms-партнерки: ощутимо падает конверт
У всех так?
43 b0rman 9724 18.11.2009, 12:44
автор: Blade2403


 



RSS Текстовая версия Сейчас: 14.12.2017, 3:12
Дизайн