Перейти к содержимому


Прижать Footer Вниз


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 skoroskoro

skoroskoro

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений
  • ГородКрасноярск

Отправлено 13 Март 2013 - 12:21

Помогите пожалуйста прижать футер к низу страницы. Все способы которые я нашел на просторах интернета как то не вписывались в структуру сайта, возникало только одно решение - переделать структуру полностью.

Подскажите пожалуйста на конкретном примере www.elitzoo.ru/catalog

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 13 Март 2013 - 12:47

Просмотр сообщенияzoorad (13 Март 2013 - 12:21) писал:

Помогите пожалуйста прижать футер к низу страницы. Все способы которые я нашел на просторах интернета как то не вписывались в структуру сайта, возникало только одно решение - переделать структуру полностью.

Подскажите пожалуйста на конкретном примере www.elitzoo.ru/catalog

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить в конец файла код:

#footer {
	height: 100px;
	overflow: hidden;
}


#3 skoroskoro

skoroskoro

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений
  • ГородКрасноярск

Отправлено 13 Март 2013 - 13:36

К сожалению не помогло.

Изображение

#4 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 13 Март 2013 - 13:42

Просмотр сообщенияzoorad (13 Март 2013 - 13:36) писал:

К сожалению не помогло.

Изображение

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
В конец файла добавить код:

#contentWrap {
	min-height: 100%;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}


#5 skoroskoro

skoroskoro

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений
  • ГородКрасноярск

Отправлено 13 Март 2013 - 14:51

Спасибо большое, все получилось. Очень помогли.

#6 Miota

Miota

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений

Отправлено 01 Февраль 2014 - 21:13

Коллеги, столкнулся с подобной проблемой - большой футер.
Добавил предложенный код. При уменьшении размера страницы сайта до 50 - футер занимает около 30%. Сайт http://organicstore.storeland.ru/
На смартфоне сайт выглядит еще хуже из-за футера.
Что посоветуете?

#7 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 04 Февраль 2014 - 03:41

Найдите в вашем файле стилей main.css

#contentWrap {
		min-height: 100%;
}
html, body {
		height: 100%;
		margin: 0;
		padding: 0;
}

и замените на

html {
  height: 100%;
}
body {
  min-height: 100%;
  position: relative;
}
#wrapper {
  padding-bottom: 80px;
}
#wrapper-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: #212121;
  width: 100%;
}
.ui-datepicker {
  display: none;
}

после в шаблоне "HTML" найдите

<!-- Подвал сайта -->
  <div id="footer">
	<div class="left">
	  <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</div>
	<div class="right"><p>{COPYRIGHT_FOR_DESIGN_SHINE} {SETTINGS_STORE_REGION}</p></div>
	<div class="clr"></div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>

и замените на

<!-- Подвал сайта -->
<div id="wrapper-footer">
  <div id="footer">
	<div class="left">
	  <p>&copy; {DATE_YEAR} {SETTINGS_STORE_NAME}. {SETTINGS_STORE_ORG_NAME}. Все права защищены.</p>
	  <ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>
	</div>
	<div class="right"><p>{COPYRIGHT_FOR_DESIGN_SHINE} {SETTINGS_STORE_REGION}</p></div>
	<div class="clr"></div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>
</div>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных