Недавно один из наших пользователей задал нам вопрос: как исправить содержание ошибки при которых боковая панель WordPress находится внизу контента. Это вопрос мы получаем не впервой, мы получали этот вопрос и раньше, поэтому мы решили написать об этом статью. В этой статье мы покажем вам, как исправить ошибки в сайдбаре WordPress.
Причина, по которой ваш сайдбар находится ниже вашего контента, в том что есть ошибки в HTML или CSS вашей темы.
Имеется незакрытый div. Это проблема для многочисленных пользователей. 9 из 10, причина та же. Имеется незакрытый div на странице. Это может быть и то, что есть лишний элемент div, который является не закрытым на странице. Что делать? Давайте поищем ошибки, шаг за шагом.
Это стало происходить в последнее время? Это происходит только на определенном посту или страницы? Если ваш ответ да, то следующее решение проблемы для вас.
Полистать что-нибудь, что вы изменили в последнее время. Вы добавили плагин? Сделали в HTML изменения? Есть ли в ваших конкретных постах или страницах содержимого блоков <div> в них? Убедитесь, что они правильно закрыты. Один из лучших способов выяснить ошибки с помощью Валидатора В3.
Используйте эту таблицу, чтобы понять, что происходит:
Если вы создаете собственную тему, и эта проблема происходит с вами, то тут может быть несколько проблем. Один вопрос мы уже показали вам выше. Несколько других вопросов могут быть:
Ненадлежащая ширина. Если Ширина контейнера составляет всего 960 пикселей, то вы должны держать вещи пропорционально. Например, содержание контента ширине равной 600 пикселям, и сайдбар шириной 300 пикселей с 60px маржа между ними.
Другой вопрос может быть свойство “float”. Вы должны убедиться, что вы добавить float: слева; и float: право на соответствующие элементы. Если Вы не сделаете этого, тогда он не будет работать.
Мы надеемся, что данная статья показала вам, как исправить ошибки при которых сайдбар находится ниже содержимого.