Авто высота ячейки li

[Spamol]

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

Нужно, чтобы ячейки маркированного списка по высоте равнялись на самую высокую ячейку!!!

То есть в обычной ситуации будет так:

Мне нужно так:

Желательно решение, чтобы при это у ячеек оставалось обтекание(float) и не менялось значение display!

[deadrash]

Такой вариант:

ul{
	overflow:hidden;
}
li{
	float:left;
	width:200px;
	padding-bottom:10000px;
	margin-bottom:-10000px;
}
.a{
	background-color:#cde;
}
.b{
	background-color:#ade;
}
.c{
	background-color:#dea;
}

<ul>
	<li class="a" >щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц </li>
	<li class="b" >щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц </li>
	<li class="c" >щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц щшуц шущц </li>
</ul>

[Spamol]

Хм, работает вроде! Блин, не когда не понимал этих диких отрицательных значений, как они работают)

А стоп, только что понял)) Хитро, хитро придумано!!!

Edited January 14, 2011 by Spamol

[psywalker]

У этого решения есть минусы.

1. Посмотри что будет, если ячейки перейдут на другую строку из-за маленькой ширины меню.

2. Абсолюты будут косячить, так как нижний край ячейки далеко ушёл вниз из-за паддингов этих

3. С границами уже облом

[deadrash]

Хм, работает вроде! Блин, не когда не понимал этих диких отрицательных значений, как они работают)

А стоп, только что понял)) Хитро, хитро придумано!!!

Ага =) один минус, у этих блоков нет дна, так что если для них нужно оформить низ картинкой то придётся ниже ещё список рисовать, под ними. И уже в нижний список пихать картинки.

upd>ну да минус не один, но как говориться, за всё надо платить. По крайней мере это самое простое решение, хотя оно и не везде подойдёт.

Edited January 14, 2011 by deadrash

[psywalker]

Ага =) один минус, у этих блоков нет дна, так что если для них нужно оформить низ картинкой то придётся ниже ещё список рисовать, под ними. И уже в нижний список пихать картинки.

Ну начинается)

[Spamol]

psywalker, хорошо, есть другое менее косячное решение?

По поводу этого, вообще мне оно подошло, т.к.

1. У меня это не для меню использовалось

2. Абсолюты там мне не нужны будут

3. Обводки у ячеек не будет

[psywalker]

psywalker, хорошо, есть другое менее косячное решение?

По поводу этого, вообще мне оно подошло, т.к.

1. У меня это не для меню использовалось

2. Абсолюты там мне не нужны будут

3. Обводки у ячеек не будет

Тогда используй, а так JS в 5 строк максимум кода.

[Vlad]

Чем таблица не устроила?

[Spamol]

Не люблю я их, хотя наверное зря! Но вообще в данной конкретной работе меня полностью устроило решение deadrash'a, так что на будущее буду знать!