Всем добрый день.
На днях ко мне обратился знакомый с просьбой заверстать ему страницу по макету. Сразу хотел бы заметить, что я не профессиональный верстальщик, имел общее представление из универской программы что это, но было это достаточно давно. И вот, уже который день курю всякие форумы и параллельно разбираюсь во всем. Но вот возникла проблема, решение которой найти самостоятельно не удалось.

Что бы было понятнее, что конкретно надо, сразу выкладываю пример http://jsfiddle.net/samp_by/v7gc9pvv/
Пример того, как должно быть, с небольшим описанием. http://c2n.me/j0Vnva

Собственно задача:

Есть 3 элемента, которые должны располагаться по центру экрана (в ширину) с небольшим отступом по краям. По высоте первый имеет фиксированную высоту, а нижние 2 должны располагаться на всю высоту экрана пользователя, без отступа снизу. Как видно из примера, в этом и затык 1. В нижних блоках есть текст разной длинны, каждый из которых должен быть строго по центру, независимо от какой высоты блока.

Проблема номер 2 это адаптивность этой страницы для мобильных устройств. Первоначально решил, что резиновая верстка поможет с этим, но сейчас уже не уверен. Знаю, что можно под мобильные устройства или под определенное разрешение подгружать отдельный CSS. Может у кого-то есть еще варианты, как это дело адаптировать?

Буду оч благодарен за помощь.

krvsaПримеры использования
http://webonrails.ru/post/1638/
Спасибо. Уже читал. Пока жду помощи с косяками, делаю адаптивы через медиа.

Неужели никто не поможет???

skyANAВот если Вы расскажете, что за контент, как с ним работает пользователь, то тогда можно будет предложить варианты UIX дизайна.
На самом деле Вы усложняете задачу. Пока самой главной загвоздкой является то, что у меня не получается растянуть нижние два класса до нижнего края экрана пользователя. Т.е. что бы при любой высоте экрана пользователя эта 2 элемента растягивались вниз, но без полосы прокрутки.
Что касается адаптива под мобильные устройства, то надо будет посмотреть как оно будет смотреться в результате. Если даже в таком виде верстка будет удобочитабельна и на мобилках, то вопрос решится сам собой. В ином случае планировал разместить все 3 элемента один под одним, в 2 строки, используя media.

samp_byВ ином случае планировал разместить все 3 элемента один под одним, в 2 строки, используя media.
Опечатался, не в 2, а в 3 строки.