Как решить такую проблему с версткой?

Question

[Петр Волханов]

Прошу Вашей помощи в верстке. Вот как должно быть (на многих страницах сайта все ок):


А на некоторых страницах сайта верстка съезжает, хотя стили используется на всех страницах одинаковые:


Помогите, пожалуйста, найти проблему в верстке и стилях и решить ее. Заранее спасибо.

Answer 1

[Андрей]

проблема вот в этом:

<div id="vt_main_com" class="vt_auto_cols contentwidthr floatleft">

.contentwidthr {
width: 70% !important;
}

поставьте вместо 70% 100 и всё пойдет.

Comments

[Петр Волханов]

Спасибо, действительно это так, но тогда на других страницах ломается верстка, как быть?

[Андрей]

К сожалению очень трудно подсказать, т.к. код самой страницы плохо читаемый (по крайней мере для меня). Поэтому единственное что приходит в голову это для правого сайдбара применить следующие стили:
position: absolute;
right: 0;
но это костыль. Так что советую посмотреть всё-таки возможность реализации из ответа. Будет время, попробую покопаться, но даже не знаю получится ли...

[Андрей]

И да, кстати, можете скинуть ссылки, на страницы где вёрстка ломается при установке ширины в 100%?

Answer 2

[Fr3nzy]

У вас не правильно закрыт один или больше тегов на этой странице.
Там есть WYSIWYG-редактор? Если да, то на этих страницах просто сгенерирована неверная разметка. Проверяйте.

Вернее, там в любом случае неверно закрыты теги (видно в исходном коде страницы). Вопрос в том, кем сформирована разметка.

Comments

[Петр Волханов]

Да, WYSIWYG-редактор есть, так как этот сайт сделан на Joomla. А можете подсказать в каких именно тегах проблема?

[Fr3nzy]

Там нужно изучить сам код и посмотреть где какие тэги открывались, и где - закрывались. Правильное форматирование кода (ctlr+c -> ctrl+v в любой редактор с поддержкой форматирования -> отформатировать код) поможет в этом разобраться.

[asdz]

в интернет эксплорере откройте и нажмите f12, в консоли будут сообщения если разметка неверная

[Петр Волханов]

@asdz IE11 не показывает никаких ошибок...

[Евгений Петров]

Посчитайте количество <div (начало открытия) и </div (начало закрывающего тэга). На главной 93/90, на внутренней 317/315.
До тех пор, пока у вас искорёженная структура, правка стилей не имеет смысла.

[Петр Волханов]

@Petroveg а какой программой Вы посчитали открывающиеся div и закрывающиеся?

[asdz]

@eprivalov как не показывает, главная страница:

HTML1509: Несопоставленный закрывающий тег. 
www.alkonarkostop.com.ua, строка 662 символ 4
HTML1509: Несопоставленный закрывающий тег. 
www.alkonarkostop.com.ua, строка 664 символ 3
HTML1509: Несопоставленный закрывающий тег.

[Петр Волханов]

@asdz У меня в IE11 такого не показывает, к сожалению. Какая у Вас версия IE?

[asdz]

11-ая, после открытия консоли обновите страницу.

[Петр Волханов]

@asdz Спасибо, теперь заработало, но на главной даже с этими недочетами все отображается нормально...

[Fr3nzy]

@eprivalov Есть критичные ошибки в разметке и есть те, что браузер может исправить сам. Видимо, на главной ошибки 2 разряда.
Вам не нужно искать ошибки в разметке на всей странице. Достаточно открыть WYSIWYG, перевести его в режим исходного кода и посмотреть где и что не правильно открыто/закрыто.

Это, конечно, при условии, что виноват именно он. Ибо, возможно, проблема в шаблонах/выводе информации на страницу.

Answer 3

[Максим Гречушников]

у вас на этих 2 страницах верстка совершенно разная. та что "кривая" на самом деле все верно сделана. у нее ширина 70% стоит. вот она у вас до 70% и скукожена

Comments

[Петр Волханов]

Если я убираю ширину 70%, то меню справа заезжает под все статьи. Как это исправить?

[Петр Волханов]

@maxyc_webber В IE11 при тех же стилях (я сейчас говорю про вторую страницу, где косяки с версткой) меню справа уходит под все статьи.