Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 18 Ответов
  • 2653 Просмотров
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Прижатый футер
« : 25.02.2014, 20:30:12 »
Привет всем, подскажите пожалуйста как можно прижать футер к низу сайта ? Сейчас ситуация такая: на странице материала и блоге если отсутствует материалы, то футер приподымается к шапке и под ним образуется пустое пространство, как можно сделать так чтобы футер оставался внизу внезависимости от того есть ли на странице материал или нет ? Какими свойствами можно это сделать, пробовал прописывать высоту 100% не помогло, прописывал вот в этих кусках

#content-wrap {
    float: left;
    margin: 201px 0px 0px;
    width: 100%;
}

.blog, .item-page {
    float: left;
    width: 100%;
}
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #1 : 25.02.2014, 20:42:15 »
Задача тривиальная на самом деле.

Код: html4strict
<html>
	<body>
		<div id="all-all">
			Тут весь контент
			<div id="foot-fix"></div>
		</div>
		<div id="all-foot">
			Тут футер
		</div>
	</body>
</html>

Код: css
html, body {min-height:100%; height:100%; width:100%;}
#all-all {min-height:100%;}
#all-foot {height:110px; width:100%; margin-top:-110px;}
#foot-fix {height:110px;}

Т.е. сперва заставляем весь наш сайт растягиваться на ширину браузера (футер какбэ под сайтом получается), а потом сдвигаем его вверх отрицательным отступом. foot-fix нужен для того, чтобы футер на контент не залазил.
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #2 : 26.02.2014, 05:21:52 »
Не помогло вообще, может я не там расставил "метки"

    <body>       
            <div id="all-all">
        <div id="main">
                       
            <div id="content-wrap">               
                <jdoc:include type="modules" name="position-4" style="codercv"/>
                <?php if ($show_leftsidebar) { ?>
                    <div id="leftsidebar">
                        <jdoc:include type="modules" name="position-6" />
                        <div style="clear: both"></div>
                    </div><!-- /#leftsidebar -->                   
                <?php } ?>

                <div id="content" <?php echo ($show_leftsidebar)?'class="leftsidebar"':'' ?>>
                    <div class="content-inner">
                        <jdoc:include type="modules" name="position-7" />
                        <article><jdoc:include type="component" /></article>
                    </div>
                    <div style="clear: both"></div>
                </div><!-- /#content -->
                <div style="clear: both"></div>

                <jdoc:include type="modules" name="position-5" style="codercv"/>
                <div style="clear: both"></div>               
            </div><!-- /#content-wrap -->
            <div style="clear: both"></div>           
           
            <div id="head">
                <jdoc:include type="modules" name="position-0" />
                <div style="clear: both"></div>
            </div><!-- /#head -->
            <div style="clear: both"></div>
           
            <div id="menu-wrap">
            <div id="menu">
                <jdoc:include type="modules" name="position-1" />
                <div style="clear: both"></div>
            </div><!-- /#menu -->
            <div style="clear: both"></div>
            </div>
            <div style="clear: both"></div>                                               
        </div><!-- /#main -->
                 <div id="foot-fix"></div>
      </div>
            <div id="all-foot">
        <div id="footer">
            <div class="inner">
                <jdoc:include type="modules" name="position-2" style="codercv"/>
                <div style="clear: both"></div>
            </div>
        </div><!-- /#footer -->
        <div style="clear: both"></div>

        <div id="copyright">
            <div class="inner">
                <jdoc:include type="modules" name="position-3"/>
                <div style="clear: both"></div>
            </div>
        </div><!-- /#copyright -->           
        <div style="clear: both"></div>
              </div>
        <div id="overlay"></div>
        <jdoc:include type="modules" name="position-15" />
       
        <jdoc:include type="message" />
        <jdoc:include type="modules" name="debug" />
    </body>
</html>
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #3 : 26.02.2014, 12:20:19 »
У вас ниже футера тэги. И вообще какая-то путаница с разметкой. Вы сперва болванку сделайте по моей инструкции. Потом добавляйте остальные тэги
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #4 : 27.02.2014, 13:54:56 »
На сайте получается под футером есть еще блок копирайта, по этому приходится сдвигать его вместе с футером, поэтому я обернул их обоих в класс all-foot, а так все сделал как написали, то есть получается перед body вставил <div id="all-all">, а перед началом all-foot вставил

         <div id="foot-fix"></div>
      </div>
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #5 : 27.02.2014, 15:50:30 »
Выложите в сеть, дайте адрес. Вроде всё правильно делаете, почему не получается — хз.
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #6 : 27.02.2014, 18:17:33 »
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #7 : 27.02.2014, 18:48:02 »
Код: css
html, body {min-height:100%; height:100%; width:100%;}
#all-foot {margin-top:-238px;}
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #8 : 27.02.2014, 19:23:49 »
Мне вставить это HTML, body {min-height:100%; height:100%; width:100%;}

в стиль

body {
    background: none repeat scroll 0% 0% #FFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #000;
    width: 100%;
    float: left;
}

или сюда

HTML, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font: inherit;
    vertical-align: baseline;
}

просто я попробовал и туда и туда, в первом варианте вообще ничего не произошло кроме того что футер сместился еще выше из-за -238px, а во втором у меня все разлетелось. Я что Неправильно делаю ?
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #9 : 27.02.2014, 19:26:57 »
Это просто вставить в конец css-файла. В пустое место. Я всего ничего строк написал в первом посте, вы пропустили HTML, body {min-height:100%; height:100%; width:100%;}. А отступ футера приходится подстраивать на глаз, т.к. у вас других элементов полно. В общем, просто вставьте то, что последнее писал, я уже всё сделал. ^-^
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #10 : 27.02.2014, 19:34:38 »
Спасибо большое, поправки внес кроме -238, можете сейчас обновиться и глянуть сайт, нижний промежуток исчез или нет ? А то я через ноут смотрю, в нем все в порядко, но фиг знает может в обычном мониторе все по прежнему, если не трудно можете скрин прикрепить
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #11 : 27.02.2014, 19:36:20 »
Пожалуйста. Всё нормуль теперь, только скролл лишний. Чтоб убрать, надо -238 таки внести.
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #12 : 27.02.2014, 19:42:25 »
footfix только сделайте, а то контент залазит под футер. Тоже опытным путём подобрать можно.

http://avtovek.tmweb.ru/metalloprokat
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #13 : 27.02.2014, 19:44:55 »
Ок, -238 прописал, но из-за этого на страницах где есть материал футер налез на текст, пришлось опустить с помощью margin-top 200 (прописывал не в вашем коде), посмотрте пожалуйста ещё раз, теперь все в норме, или ещё хуже стало ?))
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #14 : 27.02.2014, 19:50:09 »
footfix всмысле position: fixed ?
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Прижатый футер
« Ответ #15 : 27.02.2014, 19:52:00 »
Нет. Внутрь растягиваемого элемента в самый конец поместить пустой div и прописать ему высоту. Обозвать можете как угодно. Т.е. он будет залазить под футер и не давать контенту туда лезть.
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #16 : 27.02.2014, 19:56:51 »
Извиняюсь, подскажите что из этого растягиваемый элемент:
<div id="all-all">
<div id="foot-fix">
<div id="all-foot">
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #17 : 27.02.2014, 19:58:19 »
а всё извините, туплю
Записан
*

Ragnos

  • Захожу иногда
  • 253
  • 0 / 0
Re: Прижатый футер
« Ответ #18 : 27.02.2014, 20:03:59 »
Всё норм, спасибо вам большое!
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как добавить колонки в футер?

Автор muria

 Ответов: 2
Просмотров: 2111 		Последний ответ 09.11.2015, 15:31:10
от muria
Закрепить футер шаблона yoo_gusto внизу страницы

Автор Анна_pupu

 Ответов: 3
Просмотров: 1790 		Последний ответ 06.10.2015, 19:06:19
от Ilhom666
Зафиксировать футер

Автор slepoy

 Ответов: 11
Просмотров: 7258 		Последний ответ 12.04.2015, 22:43:45
от Shustry
Прижать футер

Автор Rap3r

 Ответов: 0
Просмотров: 1424 		Последний ответ 28.03.2015, 21:02:48
от Rap3r
Не опускается футер

Автор Ragnos

 Ответов: 3
Просмотров: 1767 		Последний ответ 20.12.2014, 15:55:15
от umbabaraumba