Comments on: Кросс-браузерное CSS-решение создания колонок с равной высотой

By: pfo.Agency

pfo.Agency — Sat, 05 Nov 2011 12:55:29 +0000

вот ссылка с примером pfo-agency.ru/example-01.html

By: pfo.Agency

pfo.Agency — Sat, 05 Nov 2011 12:47:24 +0000

.wrp{ display:block!important; width:100%!important; float:left!important; margin:0!important; padding:0!important; } .c{ margin:0 300px; background:#0f0; } .l{ float:left; width:300px; margin:0 0 0 -100%; background:#ff0; } .r{ float:left; width:300px; margin:0 0 0 -300px; background:#0ff; } центр леволеволеволево право jQuery(function($){ var toAlign = function(){ var maxHeight = 0; $('.col').removeAttr('style').each(function(i, dom){ if($(dom).height() > maxHeight ){ maxHeight = $(dom).height(); } }); return $('.col').height(maxHeight); }; return toAlign(); });

просто и быстро

By: pfo.Agency

pfo.Agency — Sat, 05 Nov 2011 12:18:22 +0000

.wrp{

display:block!important;

width:100%!important;

float:left!important;

margin:0!important;

padding:0!important;

}

.c{

margin:0 300px;

background:#0f0;

}

.l{

float:left;

width:300px;

margin:0 0 0 -100%;

background:#ff0;

}

.r{

float:left;

width:300px;

margin:0 0 0 -300px;

background:#0ff;

}

центр

леволеволеволево

право

jQuery (function ($){

var toAlign = function (){

var maxHeight = 0;

$('.col').removeAttr ('style').each (function (i, dom){

if ($(dom).height () > maxHeight ){

maxHeight = $(dom).height ();

}

});

return $('.col').height (maxHeight);

};

return toAlign ();

});

просто и быстро

By: mojsha

mojsha — Wed, 28 Sep 2011 18:23:42 +0000

Лучше уж таблицы, чем такой код городить

By: Алексей

Алексей — Sat, 24 Apr 2010 04:16:23 +0000

Спасибо, очень пригодилось.

By: HOG_Seruj

HOG_Seruj — Fri, 16 Apr 2010 08:17:57 +0000

Подскажите пожалуйста, а как быть в такой ситуации:

правый и левый блок очень длинные и нужно что бы высота правого была равна центральному блоку и высота левого = центральному, а в правом и левом блоке полоса прокрутки.

By: Дмитрий

Дмитрий — Wed, 24 Feb 2010 16:41:44 +0000

Только отступы, по тому способу что приведен здесь, делаются только слева

By: mctraf

mctraf — Tue, 29 Dec 2009 13:37:08 +0000

Я выравнивание высоты колонок решал и буду решать таблицами пока не сделают нормальное css решение и его поддержку во всех браузерах. И пусть орут что хотят, яблоко им в рот.

By: alexpts

alexpts — Sun, 25 Oct 2009 17:10:58 +0000

Жесткий достаточно метод, но результат достигнут. Я бы так не стал делать.

By: constantant

constantant — Fri, 04 Sep 2009 07:32:31 +0000

Здрасте, уважаемые.

Ищу подобное решение, но только мне надо чтоб колонки по краям были фиксированной ширины... честно говоря, я что-то не понимаю как из вышеприведённого примера сделать то что мне надо.

А вообще на javaScript-ом это делать куда приятнее, и не надо говорить: «а если яваскрипт отключен?» — это бред, ну давайте верстать для ZX Spectrum или БК01-10 ещё)))