너비가 100 % 인 절대적으로 위치가 지정된 div는 원래 창 크기와 동일합니다.

Question

가로로 바둑판 식으로 배열 된 배경 이미지가있는 너비가 100 % 인 절대적으로 위치한 div가 있습니다. 브라우저의 너비가 페이지보다 작은 지점으로 브라우저가 축소되면 div의 배경색의 나머지 오른쪽 부분이 잘립니다.

이 문제를 해결하기위한 더 나은 방법이나 해킹이 있습니까?

여기 예가 있습니다 : link 문제의 div가 메뉴입니다.

편집 : 페이지의 전체 너비가 스크롤 막대를 필요로하므로 브라우저의 크기를 줄이십시오 (960 픽셀). 이 시점에서 "페이지"의 100 % 또는 가시 영역은 실제로 콘텐츠의 100 % 미만입니다. 이 경우 메뉴의 배경이 볼 수있는 오른쪽으로 스크롤해야하는 나머지 콘텐츠를 스팬하지 않습니다.

이 문제는 ie7, ie8 및 firefox 3.5에 있습니다. 다른 브라우저를 테스트하지는 않았지만이 문제가 발생한다고 가정 할 수 있습니다.

감사

Answer 1

추가 : 메뉴 DIV 선택에

min-width: 960px; 

. 나를 위해 그것을 해결합니다.

실제 코드 구조와 관련하여 누군가 지적했듯이 (그러나 신속하게 게시물을 삭제함) 요소를보다 논리적 인 레이아웃으로 구조화했을 수 있습니다. 메뉴를 맨 아래 자식 요소로 사용할 이유가 없습니다 (어쨌든 말할 수있는 한)

더 선형적이고 자유로운 코드 구조로, 무작위로 컨테이너의 스파게티를 엉망으로 만들 수 있습니다. 으로.