[KingdaKa]

Столкнулся со странным поведением div'a, который имеет свойство

display: table-cell;
vertical-align: middle;

так всё ОК, вертикальное форматирование в норме. Но, если добавить float:left, то содержимое перемещается наверх. Почему?

И риторический вопрос. Как бы вы сделали адаптивные плитки? Например, есть 12 - расположены ровно 6+6 в два ряда. При сжатии экрана в какой-то момент уже 4+4+4 в три ряда, потом 3+3+3+3 и 2+2+2+2+2 и потом 12 в столбик. Плитки резиновые. Обойтись CSS или через JS оптимальнее?

[cOAPerator]

KingdaKa, потому что float делайет элемент обтекаемым снаружи и инлайновым внутри(если память не изменяет)

адаптивные блоки я бы сделал на сетке из бутстрапа, предварительно выдрав ее оттуда )
идеально подойдет под вашу задачу

[falken]

На слух все это дело тяжело воспринимается. На реальных примерах можете обрисовать проблему?

[cOAPerator]

falken, итак объяснил проще некуда )) подучите html и в частности почитайте про блочную верстку

[feuer81]

Как бы вы сделали адаптивные плитки? Например, есть 12 - расположены ровно 6+6 в два ряда. При сжатии экрана в какой-то момент уже 4+4+4 в три ряда, потом 3+3+3+3 и 2+2+2+2+2 и потом 12 в столбик.

Бутстрап в помощь... Он как раз с этим хорошо справляется.

[KingdaKa]

Бутстрап в помощь... Он как раз с этим хорошо справляется.

Нет, бутстрап - это фигня. Если человек не понимает CSS, то он хоть с бутстрапом, хоть с фигапом сверстает плохо.
Так что надо сначала понять язык и набраться опыта, а уж может быть потом использовать иногда фреймворки для облегчения работы. Только так :)

[OKyJIucT]

KingdaKa, в примерах Grid самого бутстрапа все достаточно наглядно, можно сделать так, как вам надо, добавив всего лишь парочку классов к блокам.

[KingdaKa]

OKyJIucT, мне помог друг - сделали всё на ура. Как оказалось я сам так делал (один из вариантов, а их было штук 5-6), но просто не закончил немного. :)
Он бог вёрстки, просто я не хотел к нему обращаться до поры до времени. Теперь он меня в крайних случаях будет консультировать, чтобы я быстрее учился :)

Всем огромное спасибо! Не прощаюсь