문제가있는 레이아웃 수정/요소 높이를 얻는 방법?

Question

이 질문은 내 이전 질문에 관련 : position relative elements after absolute elements

나는 JsFiddle 더 정확한 (있는 내가 지금 어떤 URL을했습니다 없음) 내 현재 HTML을 반영하기 위해 제공 업데이트되었습니다. 여기를 참조하십시오 : http://jsfiddle.net/dkxUX/22/

이 레이아웃은 저에게 문제가 있다는 것을 깨달았습니다.

o.v.의 대답에 대한 의견에서 그는 예를 들어 #header div와 같은 과 같은 추가 래퍼를 만들 수 있다고 지적했습니다. 이것은 나쁜 생각입니다.이 방법을 사용하면 정적 요소가 아닌 다른 요소보다 오랫동안 내 요소를 절대적으로 배치 할 수 있기 때문입니다. 절대 위치 지정된 요소의 높이가 부모의 높이에 영향을 미칠 경우

내가 궁금해서 :

그리고 여기 내 문제를 온다. 사실, 그렇지 않아 보인다 http://jsfiddle.net/qFh6s/1/

내가 jQuery를 함께 시도 좌절에 beeing : http://jsfiddle.net/WD6LF/1/

결과 : 더욱 좌절에 beeing 아이디어의 부족.

내용이 다양하기 때문에 요소 높이를 고정시킬 수 없습니다.

사실, 저는 이미 html로 인해 짜증이났습니다. 예를 들어 끈적한 꼬리말을위한 추가 래퍼는 나에게 덜 시맨틱하게 보일 수 있습니다. 또한 모든 것을 div에 넣고 절대적인 위치를 부여하는 것은 모든 CSS 장애물에 대한 해답이 아니라는 것을 이해하기 시작합니다. 저는 모든 유용한 제안에 개방되어 있으며, 모든 것을 긁어서 다시 시작할 준비가되어 있습니다.