지정된 최소 높이와 100 % 높이를 함께

Question

나는 내 css 악몽 질문에 대한 답변을 찾으려고 웹을 trawling되었습니다.

주요 문제는 모든 브라우저에서 최소 높이 : 580px 및 높이 : 100 %를 동시에 얻는 것 같습니다.

내가 달성해야 할 것입니다 : 스크롤 바는 580px입니다 표시하기 전에

1. 사이트가 580px를 포함하여 바닥 글 때문에 전체 높이의 최소 높이를 가지고.
2. 또한 좌우측 여백을 포함하여 930px의 최소 너비가 필요합니다.
3. 너비가 216px이고 높이가 100 %에서 바닥 글 높이가 30px 인 왼쪽 메뉴
4. 화면의 주요 부분은 사용 가능한 모든 공간을 채워야합니다. 화면 높이가 580 픽셀 미만이거나 너비가 930 픽셀 미만인 경우를 제외합니다. 이 경우 스크롤 막대가 생깁니다.
5. 호환성 ie6,7,8, Firefox 및 Safari.

자바 스크립트없이 완료 할 수 있습니까? ,

장소 절대적 위치, 1 개 픽셀 폭 :

Answer 1

청소기 방법이있을 수 있지만, 최소 높이에 대해 떠오르는 생각은 (최소 높이가 어쨌든 IE < (8)에 의해 해석되지 않습니다) 화면의 왼쪽 구석에 보이지 않는 DIV. 그것을 580 픽셀 높이주세요. 높이가 580 픽셀 이상이어야합니다.

수평 너비도 동일해야합니다.

그런 다음 일반적인 방법으로 메뉴 부분을 작업 할 수 있어야합니다.

HTML 요소에 높이가 필요함을 잊지 마세요. 높이 : 100 %의 경우 본체 내에서 작업해야합니다.

Answer 2

처음에는 javacript가없는 IE6 또는 IE7의 최소 높이에 대한 지원이 없습니다. 그래서 당신의 질문에 대한 대답은 아니오입니다.

일반적으로 (필자는 철저하게 테스트하지 않았기 때문에 확신 할 수 없지만) 높이를 기억하는 것 같습니다. 브라우저에서 픽셀 단위로 설정된 최소 높이 속성을 100 % 무시합니다. 그것을지지해라. 당신은 당신이 필요로하는 580px의 당신의 100 % 높이 div의 내부 또는 외부에 두 번째 DIV를 사용하여 시도 할 수

...