Ваш шаблон сделан на генераторе Artisteer, похоже, что вы внесли ручное редактирование в файл archive.php и что-то сделали «криво» с вашим редактированием.
У вас несколько неактивных строк в коде, которые и создают такое пустое пространство.
Модератор
Юрій
(@yube)
Подозреваю, что это следствие неправильной html-разметки.
Смотрите, открывается div, а закрывается p:
<!-- article-content -->
<div style="width: 500px;"><a href="http://explory.ru/category/history"><img class="alignleft" alt="" src="http://explory.ru/wp-content/themes/Explory/images/history.jpg" width="200" height="150" /></a></p>
Пустое пространство создалось за счет того, что на этой странице фото+текст должны быть в одном столбце, а я свойством position relative передвинул их в два столбца, т.к. больше не знаю как передвинуть. Подскажите, пожалуйста, как по-другому передвинуть контент в два столбца, или как убрать пустое место?
Проверить расположение открывающихся и закрывающихся между собой <div></div>, найти отсутствующий и поставить на свое место.
Это легче сделать в редакторе Notepad++
Юрий прав, следует начать с исправления ошибки лишних закрывающих тегов </p>. Парный закрывающий </div> есть, а вот открывающего <p> нет.
Не могу понять, где вы такой тег нашли, в коде страницы, которую я редактирую в вордпресс панели все корректно.
Ну я проблему вроде бы понял, как решить. Левый столбец я выравниваю с помощью position relative, а правый с помощью position absolute. И высота страницы равняется высоте левого столбца. А до этого она была в 2 раза больше.
Модератор
Юрій
(@yube)
Не могу понять, где вы такой тег нашли, в коде страницы, которую я редактирую в вордпресс панели все корректно.
Ну, мы-то панели не видим, а видим только результат. И ошибки в нем: http://validator.w3.org/check?uri=http%3A%2F%2Fexplory.ru%2Fcategory&charset=%28detect+automatically%29&doctype=Inline&group=0 Ошибки DOM (непарные или некорректно вложенные теги) нужно исправлять сразу, иначе могут быть такие чудеса, что мало не покажется.
Вот такой у меня код для первых двух картинок, для остальных подобный.
<div style="width: 500px;"><a href="http://explory.ru/category/history"><img class="alignleft" alt="" src="http://explory.ru/wp-content/themes/Explory/images/history.jpg" width="200" height="150" /></a>
<p style="font-size: 16px; position: relative; top: 12px;"><a href="http://explory.ru/category/history"><strong>История</strong></a>
Статьи о нашем ...</p></div>
<div style="width: 500px; position: absolute; left: 504px; bottom: 670px;"><a href="http://explory.ru/category/space"><img class="alignleft" alt="" src="http://explory.ru/wp-content/themes/Explory/images/space.jpg" width="200" height="150" /></a>
<p style="font-size: 16px;"><a href="http://explory.ru/category/space"><strong>Космос</strong></a>
Космос хранит в себе очень много неразга...</p></div>
Модератор
Юрій
(@yube)
Вы хотите доказать валидатору, что он не умеет читать или шо? 🙂
Нет, я просто не могу понять почему так. Код я ввожу нормальный вроде. Может только это потому, что, когда я сохраняю страницу со своим кодом, там уже потом что-то меняется. Сейчас кстати страница уже моя корректно работает, только валидатор жалуется.
