IE7 появляется отступ

[d0ublezer0]

Не пойму, почему появляется отступ в IE7? На картинке видно белую полосу.

Вот страничка, например. Причем, глюк проявляется только в каталоге.

В FF, хроме и опере нет отступа. В 8м ИЕ не проверял - у меня его нет на работе.

UPD: логин/пароль для входа на сайт: km

Сайт просто еще в работе.

Edited August 12, 2010 by d0ublezer0

[Vlad]

В IE8 нормально все.

Насколько понял, проблема в диве с классом clr. Попробуй задать ему высоту 1px и line-height: 1px;

[d0ublezer0]

Думаю, не в нем. Колонки себя как-то странно ведут вообще.

div id="columns" вообще имеет отступ сверху, хотя отступ у него он не задан, если в firebug смотреть

А на этой страничке правая колонка (Новинки) как будто отступает сверху от средней колонки.

Мистика.

Edited August 12, 2010 by d0ublezer0

[Vlad]

А на этой страничке правая колонка (Новинки) как будто отступает сверху от средней колонки.

Отступает сверху из-за h1. Это довольно известная особенность верстки. Надо задать margin-top: 0 у h1.

[npofopr]

ну в IE Developere

для <div class="clr" style="height: 1px;"/> ставишь эту самую высоту и все гуд.

хоть и стоит overflow:hidden; он у вас все равно не однопиксельный

мне кажется вам надо что то типа этого

/* clear fix */

.clearfix:after {

content: ".";

display: block;

clear: both;

visibility: hidden;

line-height: 0;

height: 0;

}

.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}

/* end fix */

или этого

.clearfloat {

clear:both;

height:0;

font-size: 1px;

line-height: 0px;

}

Edited August 12, 2010 by npofopr

[d0ublezer0]

Обновил CSS.

Получается что #ccol отступает от меню, а #lcol и #rcol уже от #ccol, хотя средняя колонка в коде стоит после правой и левой

[d0ublezer0]

С отступом разобрались, спасибо.

Помогло:

.clr {
	clear:both;
	height:0px;
}

Если оставить 1px, то полоска получается высотой с этот пиксель.

И с колонками пожалуйста помогите разобраться, чтобы уж новую тему не начинать.

И тут интересный момент - после снятия margin-top у H1, и добавления margin-top у insider'ов в каждой колонке, у IE7 отображение исправилось, т.е. все колонки визуально начинаются на одном уровне, а в FF - нет

UPD: Всё, вопрос про колонки снят, я разобрался. Спасибо всем еще раз.

Edited August 12, 2010 by d0ublezer0

[mishka]

С отступом разобрались, спасибо.

Помогло:

.clr {
	clear:both;
	height:0px;
}

Если поддерживаешь ие6 то еще и overflow:hidden добавь.

[d0ublezer0]

Спасибо, Мишка.