중간 수직 액체 상자

Question

으로 문제를 해결하는 방법

데모 : 자동으로 다시 크기 할 때를 수있는 동안 http://jsfiddle.net/KTmNB/2/

어떻게,이 때문에 중앙 div의 상단과 하단 비율 기반 div의 사이에 항상 수정 않는다 브라우저는 무엇입니까?

액체 레이아웃에 대해 많이 읽었지 만이를 해결할 수 없었습니다.

고맙습니다!

편집 : 나는 또한 8, 10, 12 div를 사용하여이 작업을 수행해야 할거야 :의

편집 : 30 분 후 응답을받지 못한 정렬의 행복, 나를 생각하게 그것은 실제로 생각보다 어렵습니다 ^^

Answer 1

나는 당신이 너비, 높이, 그리고 위쪽 여백을 가지고 왼쪽, 위, 오른쪽, 아래쪽을 혼합하고 있다는 것을 당신 jsfiddle에서 보았습니다 ... 그것은 혼란을 야기 할 수 있습니다. 그렇게 어려운 것은 아닙니다. 당신이 물건을 어떻게 배치하고 싶은지를 일관되게 선택하십시오.
E.G. 왼쪽, 위, 너비 및 높이만 사용하십시오.

http://jsfiddle.net/MrLister/Vh9ZB/