Почему определенный макет страницы нарушается, когда шаблон отлично работает с другим контентом

Question

У меня есть одна конкретная страница: http://www.problemio.com/problems/problem.php?problem_id=230

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

Есть идеи, почему это происходит на этой конкретной странице?Я не могу найти проблему с firebug.

Спасибо

Answer 1

У вас есть незакрытый DIV, и это нарушает ваш макет и помещает правый столбец в левый столбец.Firefox автоматически исправит это для вас, поэтому вы не сможете увидеть это в firebug.

<div class="left">
<div class="right">
</div>

Просмотр вашего исходного кода лучше, чем использование firebug для этого - поскольку firebug показывает вам DOM и источникто, что видит ваш браузер до того, как он отображает страницу.

Answer 2

Убедитесь, что вы закрываете все свои div. Мне кажется, что вы не закрываете все div и, следовательно, правый столбец становится частью левого столбца div (вместо родного брата).

Точнее, похоже, что </div> отсутствует прямо перед комментарием <!-- Closes left div -->