가운데 div에서 세로로 정렬되는 전체 너비 배경 이미지를 만들려고합니다. 모든 컨텐트를 래퍼 (wrapper)로 만들어야합니까, 아니면이를 수행 할 수있는 또 다른 방법이 있습니까? 감사.div와 세로로 정렬 된 배경
alt text http://img229.imageshack.us/img229/7391/99479284.png
편집 : 나는 매우 잘 설명하지 않은 경우 죄송합니다. 나는 이미지를 바꿨다.
배경 이미지가 포함 된 요소의 외부에 표시되지 않습니다. 즉, 배경 이미지의 전체 또는 일부가 요소 외부에 배치 될 수 없다는 것을 의미하지는 않습니다. 요소 경계 외부에있는 부분은 페이지가 렌더링 될 때 표시되지 않습니다.
간단히 말해서 그렇습니다. 래퍼 div를 사용해야합니다.
고마워 - 나는 래퍼를 사용하여 결국 당신의 대답을 받아 들일 것입니다. –
예, 당신은 래퍼를 사용하려면 :
CSS :
#wrapper { width: 100%; background: url(yourimage.png) left center repeat-x; }
#content { width: 960px; margin: 0 auto; }
HTML :
<div id="wrapper">
<div id="content">
My content
</div>
</div>
무슨 뜻인지 이해가 안됩니다. 링크를 게시 할 수 있습니까? div가 어떻게 중심에 배치됩니까? –
다이어그램에서 div와 배경 이미지는 무엇입니까? – EMiller
@emiller : 전폭이되기 때문에 파란색이 배경 이미지라고 가정합니다. 그러나 나는 인정해야한다, 나는 오히려 그 질문에 대해 혼란스러워한다. –