Я предпочитаю этот метод, поплавки плохо поддерживаются в старых версиях IE (правда? ...)
.column-left{ position:absolute; left: 0px; width: 33.3%; background: red; }
.column-right{position:absolute; left:66.6%; width: 33.3%; background: green; }
.column-center{ position:absolute; left:33.3%; width: 33.3%; background: yellow; }
ОБНОВЛЕНО: Конечно, чтобы использовать эту технику и из-за абсолютного позиционирования, вам нужно заключить div в контейнер и выполнить постобработку, чтобы определить высоту if, что-то вроде этого:
jQuery(document).ready(function(){
jQuery('.main').height( Math.max (
jQuery('.column-left').height(),
jQuery('.column-right').height(),
jQuery('.column-center').height())
);
});
Не самая удивительная вещь в мире, но, по крайней мере, не ломается на старых IE.