Помогите пожалуйста прижать футер к низу страницы. Все способы которые я нашел на просторах интернета как то не вписывались в структуру сайта, возникало только одно решение - переделать структуру полностью.
Подскажите пожалуйста на конкретном примере www.elitzoo.ru/catalog
0
Прижать Footer Вниз
Автор skoroskoro, 13 марта 2013 12:21
Сообщений в теме: 6
#1
Отправлено 13 Март 2013 - 12:21
#2
Отправлено 13 Март 2013 - 12:47
zoorad (13 Март 2013 - 12:21) писал:
Помогите пожалуйста прижать футер к низу страницы. Все способы которые я нашел на просторах интернета как то не вписывались в структуру сайта, возникало только одно решение - переделать структуру полностью.
Подскажите пожалуйста на конкретном примере www.elitzoo.ru/catalog
Подскажите пожалуйста на конкретном примере www.elitzoo.ru/catalog
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить в конец файла код:
#footer { height: 100px; overflow: hidden; }
#3
Отправлено 13 Март 2013 - 13:36
К сожалению не помогло.
#4
Отправлено 13 Март 2013 - 13:42
zoorad (13 Март 2013 - 13:36) писал:
К сожалению не помогло.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
В конец файла добавить код:
#contentWrap { min-height: 100%; } html, body { height: 100%; margin: 0; padding: 0; }
#5
Отправлено 13 Март 2013 - 14:51
Спасибо большое, все получилось. Очень помогли.
#6
Отправлено 01 Февраль 2014 - 21:13
Коллеги, столкнулся с подобной проблемой - большой футер.
Добавил предложенный код. При уменьшении размера страницы сайта до 50 - футер занимает около 30%. Сайт http://organicstore.storeland.ru/
На смартфоне сайт выглядит еще хуже из-за футера.
Что посоветуете?
Добавил предложенный код. При уменьшении размера страницы сайта до 50 - футер занимает около 30%. Сайт http://organicstore.storeland.ru/
На смартфоне сайт выглядит еще хуже из-за футера.
Что посоветуете?
#7
Отправлено 04 Февраль 2014 - 03:41
Найдите в вашем файле стилей main.css
и замените на
после в шаблоне "HTML" найдите
и замените на
#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>© {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>© {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 анонимных