Убрать пробел внизу страницы

Решено andr5n
(@andr5n)

4 года, 2 месяца назад

Добрый день! Редактировал подвал у темы MH Cicero lite

Просто добавил иконки, но появился огромный пробел внизу страниц. Что делать?

Было:

<footer id=»mh-footer» class=»footer clearfix»>
<div class=»copyright-wrap»>
<p class=»copyright»><?php printf(__(‘Copyright © %1$s | %2$s’, ‘mh-cicero-lite’), date(«Y»), ‘Печать баннеров и листовок‘); ?></p>
</div>
</footer>
<div style=»position: relative; top: -52px;left: 680px;»><font color=»#FFFFFF»><span style=»font-size:150%»>8-909-556-08-99</span></span></font></div></div>
<?php wp_footer(); ?>
</body>
</html>

Стало:

<footer id=»mh-footer» class=»footer clearfix»>
<div class=»copyright-wrap»>
<p class=»copyright»><?php printf(__(‘Copyright © %1$s | %2$s’, ‘mh-cicero-lite’), date(«Y»), ‘Печать баннеров и листовок‘); ?></p>
</div>
</footer>

<div style=»position: relative; top: -68px;left: 500px;»></div><div style=»position: relative; top: -128px;left: 560px;»></div>
<div style=»position: relative; top: -190px;left: 680px;»><font color=»#FFFFFF»><span style=»font-size:150%»>8-909-556-08-99</span></span></font></div></div>
<?php wp_footer(); ?>
</body>
</html>

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 8 ответов — с 1 по 8 (всего 8)

tuxfighter
(@tuxfighter)

4 года, 2 месяца назад

Что делать?

Читать правила форума и правильно оформлять код

а так же отключить автоопртимайз и очистить его кэш

Автор andr5n
(@andr5n)

4 года, 2 месяца назад

Не помогло

tuxfighter
(@tuxfighter)

4 года, 2 месяца назад

Ну так вы еще ничего и не отключили
anonymized-14765447
(@anonymized-14765447)

4 года, 2 месяца назад
andr5n, привет.

Вы неправильно код свой добавили, поэтому и появился отступ с горизонтальным скроллом в придачу:
```
<footer id="mh-footer" class="footer clearfix">
	<div class="copyright-wrap">
		<p class="copyright">Copyright &copy; 2020 | <a href="http://afishi29.ru/" rel="nofollow">Печать баннеров и листовок</a></p>
	</div>
</footer>
<div style="position: relative; top: -68px;left: 500px;">
	<a href="https://vk.com/afishi29"><img class="wp-image-2431 alignnone" src="http://afishi29.ru/wp-content/uploads/2020/01/vk-afishi29-1-150x150.png" width="40" height="40"></a>
</div>
<div style="position: relative; top: -128px;left: 560px;">
	<a href="https://www.instagram.com/afishi29/"><img class="wp-image-2430 alignnone" src="http://afishi29.ru/wp-content/uploads/2020/01/instagram-afishi29-150x150.png" alt="instagram-afishi29" width="40" height="40"></a>
</div>
<div style="position: relative; top: -190px;left: 680px;">
	<font color="#FFFFFF">
		<span style="font-size:150%">8-909-556-08-99</span>
	</font>
</div>
```
То есть вы 3 дива с контактами вынесли из «подвала» (<footer>), после чего попытались стилями их «вернуть» обратно.

Пример решения вопроса:
```
<footer id="mh-footer" class="footer clearfix">
	<div class="copyright-wrap">
		<p class="copyright">Copyright © 2020 | <a href="http://afishi29.ru/" rel="nofollow">Печать баннеров и листовок</a></p>
	</div>
	<div style="float: left;">
		<a href="https://vk.com/afishi29"><img class="wp-image-2431 alignnone" src="http://afishi29.ru/wp-content/uploads/2020/01/vk-afishi29-1-150x150.png" width="40" height="40"></a>
	</div>
	<div style="float: left;">
		<a href="https://www.instagram.com/afishi29/"><img class="wp-image-2430 alignnone" src="http://afishi29.ru/wp-content/uploads/2020/01/instagram-afishi29-150x150.png" alt="instagram-afishi29" width="40" height="40"></a>
	</div>
	<div style="float: left; margin: 12px 10px;">
		<font color="#FFFFFF">
			<span style="font-size:150%;">8-909-556-08-99</span>
		</font>
	</div>
</footer>
```
—-
Горизонтальный скролл вызван вот этим блоком:
```
<div style="position: relative;top: 123px; left: 714px;">
	<font color="#FFFFFF">
		<span style="font-size:160%">
			<b>8-909-556-08-99</b>
		</span>
	</font>
</div>
```
Автор andr5n
(@andr5n)

4 года, 2 месяца назад

exmi, привет! Большое спасибо!

Автор andr5n
(@andr5n)

4 года, 2 месяца назад

Добрый день! exmi, при вставке вашего кода, меня все устраивает, но пропадают картинки на главной странице и живосайт. В чем проблема?

Автор andr5n
(@andr5n)

4 года, 2 месяца назад

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

anonymized-14765447
(@anonymized-14765447)

4 года, 2 месяца назад

andr5n, привет.

Но как сделать блок подвала по ширине такой же как он отображается в контактах, например?

Нужно подвал в контейнер "mh-content-section clearfix" добавить, что логично с точки зрения структуры (т.к. в нём есть и header, и content). Сейчас у вас футер вынесен за модульную сетку.

Просмотр 8 ответов — с 1 по 8 (всего 8)

Тема «Убрать пробел внизу страницы» закрыта для новых ответов.