У первого блока с "clear: both" задается высота в 400px

[gangsta15]

Верстаю шаблон под Drupal, верстка: шапка, меню, контент, футер. Меню и контент обтекаемы и расположены в 2 колонке. В блоке контент собственно и будет вывод новостей, они идут блоками <div class="node">...</div>, у каждого блока с новостью вверху находятся 2 колонки (2 обтекаемых блока), затем все идут один под другим, так чтобы после тех 2х блоков ничего не обтекалось ставлю

<div class="_clear"><!-- clear --></div>
._clear {
	clear: both;
}

Так вот у первого блока с новостью этот div по высоте разъезжается примерно на 400px - и там образовывается большой отступ, а у всех последующих всё в порядке. Для наглядности приложил скриншот. Прошу помочь разобраться.

HTML: http://pastebin.com/AHksspZQ

CSS: http://pastebin.com/gKkisTst

Edited March 14, 2012 by gangsta15

[alexandr_v-vich]

Можно ещё раз подробнее, зачем вам это

<div class="_clear">

?

[gangsta15]

Можно ещё раз подробнее, зачем вам это

<div class="_clear">

?

В блоке новости у меня идут блоки в таком порядке:

<div>Заголовок</div>

<div>Рейтинг</div>

<div>Текст новости</div>

<div>Автор</div>

Мне нужно чтобы заголовок и рейтинг находились на одной линии, задаю это через float, если не ставить clear: both после этих 2 блоков, остальные тоже пойдут на эту же линию, таким образом после заголовка и рейтинга я убераю обтекания и блоки далее располагаются друг под другом. Проблема в том что в первом элементе clear: both раздвигает блок по высоте на примерно 400px.

[alexandr_v-vich]

Вариантов куча. Искать проблему не охота, но обойти -- Не надо clear - ставьте для первых двух дивов, что обтекаются, одинаковую высоту и после них уже нечего обтекать будет, пойдёт всё нормально (по-моему, кстати, у вас так и стоит, и просто можно убрать этот див с клеар). Ещё вариант последующим дивам (3 и 4) тоже задать флоат и положить как нужно

Всмысле <div class="_clear"> по-любому в этих случаях убрать.

Edited March 14, 2012 by alexandr_v-vich

[gangsta15]

Извиняюсь, ссылка в первом посте на исходники не работала. Проблема решилась - левая колонка почему то растягивала это место, решилось вот как: изначально левая колонка принимала float: left а колонка с контентом margin-right: в ширину левой колонки - пофиксил убрав margin-right и поставив float: right

Ссылка на исправленные исходники, может кому пригодится.

http://rghost.ru/37023667

Вариантов куча. Искать проблему не охота, но обойти -- Не надо clear - ставьте для первых двух дивов, что обтекаются, одинаковую высоту и после них уже нечего обтекать будет, пойдёт всё нормально (по-моему, кстати, у вас так и стоит, и просто можно убрать этот див с клеар). Ещё вариант последующим дивам (3 и 4) тоже задать флоат и положить как нужно

Всмысле <div class="_clear"> по-любому в этих случаях убрать.

Не могу поставить фиксированную высоту, название может выходить на 2-3 строчки.

Edited March 14, 2012 by gangsta15

[Switch74]

проблема в том, что ваш <div class="_clear"> реагирует на левый сайдбар, т.к. он у вас имеет float:left; эта проблема по моему только в ie7, решается в вашем случае таким образом:

для правого контентного блока #right_col укажите float тогда clear будет влиять только на объекты внутри него.

и за что вы любите такие большие циферки

#left_col, #right_col {
        padding-bottom:10015px;
        margin-bottom:-10000px;
}

Edited March 15, 2012 by Switch74