Ответить Новая тема Новый опрос 
 Футер
ElenkaM
Новичок
Сообщений: 24
Регистрация: 17-07-2014


17-07-2014 21:02
Этот вопрос возможно обсуждался много раз, но для себя я не нашла работающего варианта.
Версия Prestashop: 1.5.6.1 , шаблон немного переделан из стандартного, нет правой колонки. Как сделать так, чтоб при не полном наполнении страницы футер не висел бы по середине экрана, а был всегда внизу страницы, а центральная колонка растягивалась автоматически по высоте экрана не зависимо от наполнения.
Код:
{$HOOK_HEADER}
    </head>
    
    <body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'htmlall':'UTF-8'}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if $content_only} content_only{/if}">
    {if !$content_only}
        {if isset($restricted_country_mode) && $restricted_country_mode}
        <div id="restricted-country">
            <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
        </div>
        {/if}
    <div id="page" class="container_9 clearfix">
            <!-- Header -->
            <div id="header" class="grid_9 alpha omega">
                <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                    <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
                </a>
                <div id="header_right" class="grid_9 omega">
                    {$HOOK_TOP}
                </div>
            </div>
            
            <div id="columnswrap" class="container_9 clearfix">
            <div id="columns" class="grid_9 alpha omega clearfix">
                <!-- Left -->
                <div id="left_column" class="column grid_2 alpha">
                    {$HOOK_LEFT_COLUMN}
                </div>

                <!-- Center -->
                <div id="center_column" class=" grid_5">
                
    {/if}
        {if !$content_only}
                </div>
            </div>
        </div><div class="wrap"></div>
        
<!-- Footer -->
            <div id="footer" class="grid_9 alpha omega clearfix">
                {$HOOK_FOOTER}
                {if $PS_ALLOW_MOBILE_DEVICE}
                    <p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>
                {/if}
        <!-- Footer copyright -->
        <div class="footer_copyright">
            <p>{l s='Copyright © 2014'} <a href="http://></a>  |  {l s='Все права защищены'}</p>            
        </div></div>
<!-- /Footer copyright -->
            </div>
            
        </div>
    {/if}
    </body>
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


18-07-2014 10:23
Откройте файл /themes/ваша-тема/css/global.css
добавьте в самом конце:
Код:
#columnswrap {min-height: 800px}
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ElenkaM
Новичок
Сообщений: 24
Регистрация: 17-07-2014


18-07-2014 15:34
Спасибо большое, помогло, но я так понимаю, если высота окна будет больше 800px то футер все же не будет прижат к низу. Я пробывала свойства
#columnswrap {min-height: 100%; height: auto !important; height: 100%;} интересно это свойство зависит от высоты окна, но почему-то оно работает только в опере, остальные браузеры его игнорируют, как можно это исправить?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


18-07-2014 15:52
Цитата:( ElenkaM @ 18-07-2014 16:34 Смотреть сообщение )
Спасибо большое, помогло, но я так понимаю, если высота окна будет больше 800px то футер все же не будет прижат к низу.

Нет. Это означает что центральная часть будет как минимум 800px - футер будет прижат.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ElenkaM
Новичок
Сообщений: 24
Регистрация: 17-07-2014


18-07-2014 16:25
Спасибо за быстрый ответ.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос