늘 경계

Question

내가 있는 이미지를 중심으로 될 것입니다(왼쪽과 오른쪽)창에서이없는,왼쪽 국경을,하지만 거기에 적용합니다.는데 그것은 가능한 최고의 국경 이동에 매우 왼쪽 페이지의(과거 이미지)및 중지에서 오른쪽 국경을 위해 아래쪽 국경을 시작하의 왼쪽 끝에 이미지에 걸쳐 스트레칭에 모든 방법을 창의 오른쪽.상단과 하단 국경이 만든 두 개의 서로 다른 반복하는 배경과 왼쪽 국경할 수 있는 경우에,너무 필요합니다.

에 대해 생각해 보았습 이지만 올 수 없으로 모든 솔루션을...누군가의 도움을 받을 수 있는가?

Answer 1

할 수 있는 방법을 명확히 유연하고자 하니다.이 접근할 수 있습니다.당신이 원하는 위쪽 및 아래쪽 국경을의 가장자리가 뷰포트(따라서 필요로 하는 그들을 유체-width)?

당신을 처리할 수 있을 사용하여 이를 배경 이미지 background-position 와 슬라이딩 도어 기술,또는 당신이 사용할 수 있습 불필요한 태그를 만드는 세 열 액체 폭 레이아웃에 있는 이미지 센터도 있습니다.

그것은 당신만을 가진 세 개의 열 기술을 삽입 할 수 있습니다 추가 divs (또는 당신이 무엇을 사용하고 싶)자바 스크립트를 통해 그래서 당신은 없을 것 빈 용기에서 당신의 원천,그리고 사용 border-top 고 border-bottom 는 대신 배경 이미지(따라서는 무척이나 어려운 일로드-시간의 페이지).

편집: 고,명확하게 당신이 원하는 무언가 다음과 같이 Ascii 기:

_______________
               |img|_____________________

편집:를 위해 액체 폭 레이아웃,상담의 다양한 원인에서 CSS 레이아웃,여기에 좋은 설명:http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/

그런 다음에서 당신의 오른쪽과 왼쪽의 열을,당신이 할 것 border-top 고 border-bottom 각각(또는 사용 배경 이미지를 원하는 경우 애호가리),주신 이미지 테두리고 높이의 세 가지 용기 설정하므로 국경까지 함께 라인.는 희망 도움이 됩니다.