Не могу побороть vertical-align

[VasyOK{!}]

Привет, верстальщики!

Не могу вкурить свойство vertical-align.

Вот сайт http://elektroshocker-pochtoi.ru на нем вот так клеточки:

Как выровнять название по центру клетки? Делал так (не работает):

.view-frontkat .views-field-title {
    background: url("../images/color-schemes/blue_block_bg.gif") repeat-x scroll left top #34537E;
    border-radius: 3px 3px 0 0;    
    height: 66px;     
}
.view-frontkat .views-field-title .field-content {
    vertical-align: middle; /*как заставить это работать?*/
}

.

[Николя223]

vertical-align. работает, вроде только у элементов таблиц.

если хотите его использовать, то вешайте на класс с ячейками display: table-cell;

(кросс-браузерность не гарантирую, как минимум ie7 грешит)

и если я правильно понял, то лучшебы и делать всю псевдо-таблицу (а именно обворачивать группы элементов в дивы с (с display: table-row) и всю таблицу в див display: table) но в этом моменте могу ошибаться =)

Edited November 25, 2012 by Николя223

[Alex Shnayder]

Добавьте:

.view-frontkat .views-field-title {
    line-height: 66px;    
}
.view-frontkat .views-field-title .field-content {
    display: inline-block;
    line-height: 1.6em;
}

[psywalker]

Привет, верстальщики!

Не могу вкурить свойство vertical-align.

В этой электронной книжечке ты найдёшь всё что тебе нужно

[VasyOK{!}]

Всем спасибо!

Николя223, где-то я вас смутно понимаю, даже более того в этом направлении и мыслю, но вот код написать из вашего поста не могу.

Alex Shnayder, действительно работает! А почему так? (Я б не додумался.)

psywalker, та к эту книгу еще и прочитать надо

[RodgerFox]

Не умеешь читать?

[psywalker]

psywalker, та к эту книгу еще и прочитать надо

Во-первых, по той теме, которая тебе нужна, там будет несколько страниц всего. А, во-вторых, в нашем деле без чтения никуда. Или ты надеешься проскочить?)

[Николя223]

Василий хотел сачкануть

=)

[sharpey]

А можно еще так. Для названия нужно создать собственный див. Затем этому диву устанавливаются в CSS float: left, и нужная высота с помощью margin-top. Ну а в HTML, сразу после него - див с очисткой (clear: both).

Edited November 29, 2012 by sharpey

[VasyOK{!}]

sharpey, не понимаю какое отношение float и clear имеют к выравниванию текста по высоте.

[sharpey]

sharpey, не понимаю какое отношение float и clear имеют к выравниванию текста по высоте.

Не то, чтобы к выравниванию. Но этим способом можно задать высоту, избежав проблем с отступами и т д. Если размеры блоков известны и не будут изменяться - вполне рабочий способ.