Выравнивание по центру по вертикали

Question

У меня есть общая проблема, хотя я не смог ее решить с помощью решений, найденных выше в Stack Overflow. Я пытаюсь вертикально выровнять логотип и панель поиска накладывается на изображение в заголовок с неизвестной высоты (так как изображение сжимается, когда ширина браузера уменьшается, так как он реагирует)

Сложностей:

1. У меня есть изображение заголовка (img, а не фоновое изображение CSS) в одном блоке div и в строке поиска & в двух других блоках div, которые должны быть наложены на фоновое изображение.
2. Изображение заголовка будет уменьшаться по мере уменьшения ширины обзора, так как это отзывчивый сайт. Это означает, что я не знаю высоты заголовка.
3. Логотип должен быть размещен слева и панель поиска справа.
4. Мне нужно как-то центрировать логотип и панель поиска по вертикали, чтобы они всегда отображались красиво, независимо от высоты изображения заголовка, на который они наложены.

Пример: http://www-dev.channelaustin.org/about

Любое предложение?

Answer 1

Первый ответ here, в основном отвечает на ваш вопрос. Поскольку вы хотите только вертикальное центрирование, вы должны удалить:

top: 50%;