Для себя нашел еще способ, в том случае когда колонки, например две, разделяются одной
границей.

Выставляем границы у двух примыкающих краев, указываем z-index, и смещаем 1 блок в нахлест. Например:

div1 { width: 300px;
float:left;
background:url(border.png) right top repeat-y;
z-index:2;position:relative:left:2px
}
div1 { width: 700px;
float:right;
background:url(border.png) left top repeat-y;
z-index:1;
}

ширина блоков и смещение уже по ситуации.

.col-wrap1 {
width:25%;
background:blue;
}

.col-wrap2 {
width:200%;
margin-right:-100%; /* чтобы IE6 не раздвигал контейнер */
position:relative;
left: 100%;
background:red;
}

.col1 {
float:left;
width:50%;
margin-right:-100%;
position:relative;
left:-50%;
}

.clear {
clear:both;
font-size:0;
overflow:hidden; /* тройной презерватив для IE */
}

left column1

left column2

center column1

center column2

Не будет работать так как хочется, надпись “center column2″ слетает в самый низ. приходиться использовать довольно часто, например для скидывания выравнивания float. Есть ли решение этой проблемы?

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

а нужно сделать так:

Конечно высоту можно указать JS, или колонки реализовать таблицей, но уж сильно интересно как-бы вы решили такую задачу?

Верстаю второй год но не думал что можно так исхитриться

Однако есть одно но. Правильно-ли я понимаю что данный метод подходит только для макетов со всеми резиновыми колонками?

У меня 3-х колоночный макет, резиновая только центральная колонка, правая и левая фиксированные, одинаковой ширины. Ломал мозг два дня, так и не понял можно-ли это применить в моем случае.

Но если вам не важно поведелие макета по время растягивания либо просто попрактиковаться, то вот (в IE не проверял).

Я попытался используя ваши наработки сделать 3-хколоночный макет такого вида: |25%|45%|30%|. И сломал себе мозг. Перебрал уже приличное количество вариантов реализации, но ни один так и не заработал… Никак не могу подобрать правильный базовый размер колонки для сетки.