Краткие новости плиткой. Как правильно написать код?

вопрос

Всем привет!

С ДЛЕ работаю недавно, да и с сайтами вообще.

Есть задача. Необходимо сделать блок видео, чтобы видео располагалось плиткой. Это необходимо сделать только для категории видео и ее подкатегорий.

Нашел подобные шаблоны выдернул оттуда необходимый кусок, почти получилось, но только почти.

Короткие новости не встают как бы в само тело раздела где выводится контент. Съехала полоса переключения страниц внизу. Как исправить не знаю. Прошу помощи.

Как делал:
Создал файл с дополнительным шаблоном короткой новости и назвал его shortstory1.tpl, следовательно назначил его на необходимую категорию. В шаблон внес следующий код:

<div class="main-news">
    <div class="main-news-image">
        [full-link]<img src="http://img.youtube.com/vi/[xfvalue_111]/mqdefault.jpg" width="200px" height="130px" /> alt="{title}" />
        [/full-link]
    </div>
    <h3>[full-link]{title}[/full-link]</h3>
    <div class="main-news-more">
        [rating]{rating}[/rating]
    </div>
</div>

Вышло то что в этом спойлере

Помогите разобраться.

Заранее спасибо

З.Ы. В предпросмотре почему-то не отобразился весь код, который я выложил. Надеюсь в статье он отобразится полностью.

Ответил: vadims

navigation.tpl

добавить -

clear: both;

Пример -

<div class="basecont ignore-select" style="clear: both;">
    <div class="basenavi">
        <div class="bnnavi">
            <div class="navigation">{pages}</div>
            <div class="nextprev">
                [prev-link]<span class="thide pprev">Назад</span>[/prev-link]
                [next-link]<span class="thide pnext">Вперед</span>[/next-link]
            </div>
        </div>
    </div>
    <div class="clr"></div>
</div>