2011-04-08 8 views
3

을 연장하지 않습니다 DIV 볼 수있는 페이지의 높이보다 더 많은 콘텐츠가있는 경우 페이지가 확장됩니다.최소 높이 100 % 문제가 표시된 화면의 100 % 내 레이아웃에 문제가

문제는 볼 수있는 페이지의 100 %를 채우지 만 스크롤 지점을 지나면 내용 div와 래퍼 div가 페이지의 나머지 부분을 차지하지 않습니다. 나는 왜 이런 일을하는지 몇 가지 가능성을 탐색했지만 아무 것도 발견하지 못했습니다.

당신은 http://www.isuckatwebdesign.com에서 페이지를보고 불을 지르고를 사용하여 레이아웃과 CSS를 볼 수 있습니다.

RoR로 인해 이와 같은 문제가 발생하지 않습니까?

답변

3

당신은 당신이 단지에 관계없이 컨텐츠가에 갈 수도 그 얼마나 많은 페이지에, 그것의 내부에 어떤 포장하려는 특정 높이를 가지고 컨텐츠 사업부를 원하지 않는

#content { /* remove height: 110% */ overflow:hidden; } 
+0

감사 실제로 용액의 일부이고, (I)이 110 %를 지금 적합하도록 강제 할 수있는 높이를 가지고, 나 높이를 min으로 높이를 변경할 필요가 나온다 : 숨겨진; 도움을 주셔서 감사합니다 나는 당신의 도움으로 문제를 해결하는 오버플로에 대해 알지 못했을 것입니다. –

1

을 시도합니다. 그래서, 딱 맞는 열 DIV 후, 당신의 HTML에 다음과 같은 당신의 CSS에서 높이 선언을 제거하고 추가

<div style="clear: both;"></div> 

이 포함 된 사업부의의 주위에 포장 컨텐츠 사업부를 강제 할 것이다. 물론이 div에 id를 지정하고 인라인 대신 CSS 파일에서 스타일을 정의 할 수 있습니다. 100 %의 오버 플로우를 사용하는 @mdmullinax

+0

나는 누군가가 모니터를 돌려서 세로로 세팅되어있는 것처럼 세로로 세우면, 현재 설정에서 페이지 하단으로 뻗어있다. 최소 높이를 정의하지 않으면 div의 끝과 페이지의 끝 사이에 빈 공간이 있습니다. 도움을 주셔서 감사합니다. 나중에 나중에 바꿀 수도 있지만 지금은 이드의 하단에있는 모든 페이지를 좋아합니다. 이 방법으로 근본적으로 잘못된 것이 없다면? –

+0

아니요, 유스 케이스/디자인에 근본적으로 문제가 있다고 생각하지 않습니다. 나는 그 요구 사항의 일부를 오해했다. 행운을 빕니다! – Clayton