Почему моя боковая панель перемещается вниз к нижней части страницы, а не остается на стороне?

Question

У меня есть веб-сайт с блогом и боковой панелью с правой стороны, и он выглядит нормально, однако, когда я перехожу на страницу 2 блога, боковая панель перемещается вниз к нижней части страницы.

Вы можете понять, что я имею в виду, перейдя по этим ссылкам

http://www.beatinganger.com/blog (боковая панель выглядит нормально)

http://www.beatinganger.com/blog?page=1 (боковая панель опускается вниз)

Я посмотрел исходный код и не вижу изменений в разнице между двумя страницами.

Любая помощь будет высоко ценится.

Answer 1

Ваш элемент #left_container на подстранице не закрывается, поэтому внутри него содержится элемент #right_container.

Answer 2

Закрытие div контейнера вызывает проблему (как указывают другие ответы);также ваш div с классом vertical_menu выходит за пределы своего выделенного размера - что, вероятно, вызовет проблемы с плавающей точкой, когда ваши div закрыты:

Answer 3

#right_container http://www.beatinganger.com/blog?page=1 находится в другой иерархии, чем введите описание ссылки здесь . #right_container и #left_container должны быть с тем же родителем и уровнем, как показано в первой ссылке.

Еще один совет, я заметил, что содержимое #right_container имеет немного «более широкий» контент, чем сам контейнер. Убедитесь, что элементы содержимого меньше или равны ширине родительского контейнера, или установите #right_container -> overflow: hidden; быстрый способ взломать хотя.

Answer 4

Да, что-то не так с шаблоном второго URL, так что боковая панель вставлена ​​ВНУТРИ левого «основного» столбца.