DIV를 윈도우 크기 조정 센터에 맞 춥니 다

Question

나는이 주제에 대해 스스로 지쳐 버렸습니다. 이 사이트 : http://ryanfeerer.com/ 콘텐츠 섹션을 보면 창을 작게 만들거나 크게 만들 때 가운데 맞춤을 유지합니다. 저는 DW CS6에서 매우 유사한 사이트를 만들고 있습니다. 타일링 된 배경 세트가 있고 배경 위에 마우스를 가져 가도록 DIV를 만들었습니다. 기본적으로 참조 된 사이트와 같습니다.

이렇게하는 간단한 CSS 코드가 없습니까? 이것은 단순한 개념의 하처럼 보인다.

감사합니다. 수 차례 답변을 보내 주시면 매우 죄송합니다. 나는 내 연구를 해보려고했지만 아무 소용이 없었다.

네이트

Answer 1

EDIT : 아, 나는 당신이 무엇을 요구했는지 잘못 해석했다. 페이지 크기를 조정하면 이미지를 포함하여 모든 콘텐츠가 축소된다는 것을 알았습니다. jQuery/javascript 솔루션을 살펴 보겠습니다.

Answer 2

센터 div를 만들려면 왼쪽과 오른쪽의 비율을 사용하여 정렬해야합니다. 그렇게하면 브라우저의 크기에 반응합니다. 예

#content{ 
left:15%; 
right:15%; 
top:0px; 
bottom:0px; 
} 

그러나 브라우저 창을 매우 얇게 만들면 콘텐츠가 항상 15 %를 유지하므로 콘텐츠가 찌그러 뜨릴 수 있습니다.