Липкий нижний колонтитул не такой липкий

У меня есть сайт с липким нижним колонтитулом, который не очень липкий, и мне сложно его понять.Липкий нижний колонтитул не такой липкий

Это HTML часть: html.tpl.php

<?php 
?> 
<!DOCTYPE html> 
<head> 
    <?php $head; ?> 
    <title><?php print $head_title='Vit | Kringvarp Føroya'; ?></title> 
    <?php if ($default_mobile_metatags): ?> 
    <?php endif; ?> 
    <meta http-equiv="cleartype" content="on"> 

    <?php print $styles; ?> 
    <?php print $scripts; ?> 
    <?php if ($add_html5_shim and !$add_respond_js): ?> 
    <?php elseif ($add_html5_shim and $add_respond_js): ?> 
    <?php elseif ($add_respond_js): ?> 
    <?php endif; ?> 
</head> 
    <body class="<?php print $classes; ?>" <?php print $attributes;?>> 
    <div class="container"> 
    <?php if ($skip_link_text && $skip_link_anchor): ?> 
    <p id="skip-link"> 
     <a href="#<?php print $skip_link_anchor; ?>" class="element-invisible 
     element-focusable"><?php print $skip_link_text; ?></a> 
    </p> 
    <?php endif; ?> 
    <?php print $page; ?> 
</div> 
    <?php print $page_footer; ?> 
</body> 
    <?php print $page_bottom; ?> 
</div> 
</html>

И page.tpl.php часть

<div id="navigation"> 

    <?php print render($page['navigation']); ?> 

</div> 


<header class="header" id="header" role="banner"> 

    <?php $front_page='http://kvf.fo/vit'; 

    if ($logo): ?> 
     <a href="<?php print $front_page; ?>" title="<?php print 
     t('Heim'); ?>"  
     rel="home" class="header__logo" id="logo"><img src="<?php print 
     $logo; ? 
      >" alt="<?php print t('Heim'); ?>" class="header__logo-image" />  
     </a> 
     <?php endif; ?> 

<?php if ($site_name || $site_slogan): ?> 
<div class="header__name-and-slogan" id="name-and-slogan"> 
<?php if ($site_name): ?> 
<h1 class="header__site-name" id="site-name"> 
    <a href="<?php print $front_page; ?>" title="<?php print t('Heim'); 
    ?>" class="header__site-link" rel="home"><span><?php print 
    $site_name; ?></span></a> 
</h1> 
<?php endif; ?> 

<?php if ($site_slogan): ?> 
    <div class="header__site-slogan" id="site-slogan"><?php print 
    $site_slogan; ?></div> 
<?php endif; ?> 
</div> 
<?php endif; ?> 


<?php print render($page['header']); ?> 

</header> 

<div id="main"> 

<?php print render($page['content']); ?> 

</div> 

<?php print render($page['footer']); ?> 
<?php print render($page['bottom']); ?>

устанавливаемой сотовая часть.

html { 
     position: relative; 
     min-height: 100%; 
    } 

body { 
     height: 100%; 
    } 

.container { 
      margin: 0 0 125px; 
      } 

#footer { 
     position: absolute; 
     left: 0; 
     bottom: 0; 
     height: 100px; 
     width: 100%; 
     }

страница адрес является www.kvf.fo/vit, и это, кажется, работает нормально, но на Ipad, футер «тонет» на полпути под нижней части экрана, который является облом, потому что основными пользователями сайта являются пользователи Ipad:/

Любая помощь очень важна!

источник

2015-11-18 KVF-IT

Если вы хотите, чтобы ваши колонтитулы быть липкими так добавить это свойство в CSS

footer { 
    position: fixed; 
}

источник

2015-11-18 10:39:20 Programmer

Возможно, стоит отметить, что для этого требуется, чтобы OP использовал элемент '

Это решение работает .... но он не держит его в нижней части страницы. Он держит его в нижней части экрана: / –

Кажется, вы закрытие body тега в начало:

</div> 
    <?php print $page_footer; ?> 
</body> 
    <?php print $page_bottom; ?> 
</div>

источник

2015-11-18 10:37:24 Wavemaster

Хотя семантический неправильно, это будет не вызывать фиксированный нижний колонтитул. – Pogrindis

Липкий нижний колонтитул не такой липкий

ответ

Смежные вопросы