Столкнулся с небольшой задачкой на css

Вот здесь описано несколько способов - http://habrahabr.ru/post/64173/

Как вариант положить все в контейнер и его фон сделать одинаковым со второй колонкой

Спасибо. Щас почитаем.

Пока так и сделал, но в идеале мне хотелось чтобы margin между ними был. А в этом случае его как-бы нет.

border-right к левому блоку)

нее, там фон как-бы картиночкой, и border-right размером 10-20px будет очень видно, даже если цвет сильно подогнать под фоновую картинку, все равно не то :) Но спасибо.

Попробую один из способов от Habrahabr значит.

В вашем случае, что бы ничего не переделывать, проще всего написать простой скрипт, который будет считывать высоту обоих блоков и выравнивать их под большую

Я бы сделал вот так.

Оборачиваете эти блоки в блоки с классом .content и прописываете на странице скрипт

<script>

function setEqualHeight() {

	var tallestcolumn = 0;

	$(".content").each( function() {

		currentHeight = $(this).height();

		if(currentHeight > tallestcolumn) {

			tallestcolumn  = currentHeight;

		}

	});

	$(".EqualHeights").height(tallestcolumn);

}



$(document).ready(function() {



	setEqualHeight();



	$(window).resize(function () {

		setEqualHeight();



	});

});

</script>

Привет, я бы сделал, например вот так