콘텐츠 관리에 의해 .load 컨테이너의 높이가 무시됩니다.

Question

jquery .load를 사용하여 div에 콘텐츠를로드하고 있습니다. 페이지의 나머지 부분이 콘텐츠의 높이를 무시하는 방법이 있습니다. 내가 그렇게

jQuery(document).ready(function ($) { 
$('#loader_container').load('brigham_overview.aspx'); 
}); 

이처럼로드하고있어 페이지를이다 http://www.brighamandwomens.org/Patients_Visitors/pcs/rehabilitationservices/mock/overview.aspx

당신은 그것을 바닥과를 살펴 타일을 통해 상단 방법 방법 전자 메일 링크를 오버 플로우 방법을 볼 수 있으며, 그것은 맨 아래에 있어야합니다.

로드 된 내용을 래퍼 div의 높이로 "loader_container"를 할당하는 스크립트를 사용하여로드 된 후 어떻게 든로드하는 방법이 있는지 궁금합니다.

다른 방법으로는 본문이로드되기 전에 스크립트를 실행하는 방법이 있습니까?

Answer 1

이것은 .load() 함수가 아닌 CSS에서 문제가되는 것으로 보입니다. #totalContainer 안에있는 모든 컨테이너가 절대 위치에 있음을 확인합니다. 그래서 높이를 제대로 계산하지 못하는 이유입니다.

가능한 경우 이미지를 배경 이미지로 설정하는 것이 좋습니다. 당신이 모든 것을 절대적으로 포지셔닝하고 서로의 위에 놓는 것 같습니다. 이

<div id="news_backing" class="blue" style="width: 314px; height: 165px; position: absolute; z-index: 2; background-color: rgb(239, 245, 248); background-position: initial initial; background-repeat: initial initial; "> 
</div> 
<img id="news_icon" src="http://www.klossal.com/brigham/what_we're_upto_icon.png" style="width: 118px; height: 46px; top: 55px; left: 30px; position: absolute; z-index: 3; "> 
<p id="news_header_txt" class="news_txt" style="width: 110px; top: 55px; left: 180px; position: absolute; z-index: 3; font-size: 20px; color: rgb(14, 134, 161); font-family: Arial, light, sans-serif; "> 
What We're Up To 
</p> 

당신은 배경 이미지로 이미지를 설정할 수 있습니다 ...

예를 들어이 부분을 가지고 ... 이상 또는 의미하지 않는 것, 그리고 <p></p> 태그 사업부의 내부에 있어야한다 . 절대적으로 그것의 정상에 두게되지 마라.

정말이게 얼마나 도움이 될지 모르지만 제 생각에는 문제가되는 .load() 요청이 아닙니다. 그것은 당신의 CSS와 HTML 구조입니다.

...

마지막 친화적 인 제안은 피할 수있는 경우 인라인 스타일을 사용하지 않는 것입니다. 이렇게하면 장기적으로 일이 훨씬 쉬워 질 것입니다.