Создание списка тем из двух колонок. Только про стиль CSS.

[mike2003]

Использую расширение Recent topics for JS, которое выводит список тем и текста в колонку стандартными стилями. Захотел сделать две колонки, да еще и с возможностью складываться в одну на узком экране.
Использовал float и два стиля .left,.right

Код: Выделить всё

.left,.right
{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:49.7%;
}
.left
{
	float:left;
	clear: left;
}
.right
{
	float:right;
}
@media screen and (max-width: 700px) {
    .left, 
    .right {
        float: none;
        width: auto;
    }
}

И все вроде нормально... Но!

Хочется избавиться от этих кусков. Можно как то сравнять высоту блоков?


Ну или может еще какое то решение есть, что бы вид был нормальный без прогалов?

Отправлено спустя 1 минуту 36 секунд:

Вот это блок можно по любому поднять вверх, но как?

[Татьяна5]

С помощью css - разве что задать всем блокам сообщений одинаковую фиксированную высоту.
Либо, как вариант, задать фон (который сейчас синий) цветом, совпадающим с цветом сообщений. Тогда вообще никаких отступов не будет заметно. А разделение сообщений сделать, к примеру, верхним border'ом

Остальное только на js делается

[mike2003]

Спасибо как вариант, но пока сделал вот так:
Html-блоки для сайта
http://www.valvas.ru/PoleznoeLesson/lesson12.html