Azza ALbelushi Ответов: 2

Удалите пустое пространство под Нижним колонтитулом на небольших экранах

Я разрабатываю сайт так, чтобы он был максимально отзывчивым.Но, к сожалению, белое пространство под Нижним колонтитулом появляется на небольших экранах только на некоторых страницах сайта?


Как удалить это пустое пространство под Нижним колонтитулом?

Что я уже пробовал:

домашняя страница[^]



Выше приведена ссылка на страницы, над которыми я работаю

2 Ответов

Рейтинг:
2

summiya1 

You could implement sticky footer on your page very easily which would force the footer to the bottom of the view port if the content is insufficient to fill the height.

Рейтинг:
0

summiya1 

1)Add a div around your entire page like wrapper 
<body>
<div class="wrapper">
    <header>
...
   </footer>
</div> <!-- /wrapper -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
 <script src="js/index.js"></script>
</body>
</html>


затем добавьте этот CSS

html,body {height:100%;}
body {margin:0;}
.wrapper {
    display:table;
    width:100%;
    height:100%;
}
header,main,footer {display:table-row;}
header,footer {height:1px;}

Richard Deeming

Почему вы опубликовали два Решения одного и того же вопроса?

Если вы хотите обновить свое первое решение, Нажмите зеленую ссылку "улучшить решение" и отредактируйте свое решение.

Azza ALbelushi

я применяю то, что предлагает summiya1.. но до нижнего колонтитула появляется много белых пятен