Список в две колонки

[d0ublezer0]

Ну, как все уже поняли, основные вопросы у меня сейчас связаны с http://km.transmagistral.ru

Список в центре сделан в две колонки:

#cats_fp li {
	display:block;
	float:left;
	margin-bottom:30px;
	margin-right:5%;
	width:45%;
	background:url(/images/bg_cats.jpg) no-repeat right bottom;
}

В IE6 у страницы появляется горизонтальный скролл.

Если убрать margin-right, то скролл пропадает, но список естественно, отображается не так, как должен.

Как победить?

[Great Rash]

http://www.artlebedev.ru/tools/technogrett...l/list2columns/

Может поможет

[npofopr]

или центральному блоку поставить 60%, убрать маржины. и все равно чем то распирает

мне кажется тут дело совсем не в 2ух колонках центрального блока. а в самом центральном блоке. его что то распирает

и мне кажется вы велосипеды придумываете. сделали бы каркас на http://csstemplater.com и все.

Edited July 12, 2010 by npofopr

[d0ublezer0]

Great Rash от лебедевцев я пробовал - IE6 что-то их вариант не воспринял.

Хотя у них на страничке отрабатывает нормально.

Буду еще ковырять.

npofopr не понял я слов ваших ибо изьясняетесь не точно вы.

Вот как раз лист с колонками его и распирает. Убираю его - всё на местах.

Edited July 12, 2010 by d0ublezer0

[npofopr]

поставьте margin:0 для ul'я этого. который колонки вам делает. для id="ccol" width:60%; margin:0;

для IE6 только.

может не работать. это я на глаз.

а http://csstemplater.com это так. вы же сами вроде шаблон писали.

гораздо удобнее взять готовый шаблон)

Edited July 12, 2010 by npofopr

[d0ublezer0]

поставьте margin:0 для ul'я этого. который колонки вам делает. для id="ccol" width:60%; margin:0;

для IE6 только.

Это зачем? Вы расположение блоков смотрели?

ccol не может быть без margin - иначе наедет на левую и правую колонку

[psywalker]

Зачем делаешь лишки блочными, У тебя float:left; стоит, а значит делает элементы и так блочными.

#cats_fp li {
	display:block;

[d0ublezer0]

psywalker ну это да, перемудрил. Однако сути это не меняет.

Вот, посмотрите еще, с примером от Лебедева:

http://km.transmagistral.ru/col.php

Двухколоночный список, вынесенный за пределы основных контейнеров, отображается в шестерке правильно.

А внутри #ccol - в одну колонку.

Это почему так? Не убирается содержимое? Нет. В больших разрешениях то же самое.

Стили не перекрываются, я проверил. В чем же дело тогда?

Да, и предложенные хаки от Лебедева не валидны.

Edited July 12, 2010 by d0ublezer0