Отзывчивое Div между двумя фиксированными Divs

Question

Добрый день.

Это мой первый отзывчивый макет, и из того, что я прочитал, я пытаюсь его построить.

Я сделал скрипку, которая представляет мою работу до сих пор, и я застрял.

У меня есть относительная ширина родителя, что он установлен на 90% экрана и центрируется (по вертикали и по горизонтали).

Внутри этого div есть еще 3 секции, первый из которых имеет абсолютный размер при высоте 160 пикселей, второй - относительный (по моим расчетам, это около 77,56%), а третий - еще один абсолютный -размер на высоте 30 пикселей.

Так что мои два вопроса:

-The обертка ДИВ правильно выровнена в полноэкранном режиме (1920х1080), но, как он достигает низкие резолюции, стороны, которые начинают деление с переполнению (по вертикали и по горизонтали), Как это исправить?

-Вычисления на трех divs не кажутся правильными на разных высотах (так как он начинает переполняться из обертывания div).

OBS: В скрипке высота середины div не работает, я не знаю почему.

(

#wrap div#content{ 
    position:relative; 
    background-color: teal; 
    height: 77.5678866593353%; 
    max-height: 100%; 
} 

)

Вот скрипка: http://jsfiddle.net/LKQfg/1/

Извините, но я думаю, что эти вопросы беспорядок, я не могу объяснить это хорошо.

спасибо.

Answer 1

Проблема заключается в границе и дополнении. Чтобы центрировать элемент, дайте ему автомаршрут - влево и вправо. Fiddle.

div#wrap { margin: 0 auto 2.5% }