수다닷컴

[급질문] 좌우배경이 다른 bg이미지 세로 100%로 나타내는법

밝은빛누리예 2025.01.25 댓글 6

위에 이미지를 보시면 이 사이트는 중앙정렬인데 특이하게도 bg가 좌측과 우측의 배경이미지가 다릅니다.
거기다 foot쪽 배경이미지도 다릅니다.
그래서 div로는 height값이 지정되지 않거나 top과 foot의 값이 없으면 bg가 세로로 100%로 깔리지 않네요.
이럴때 좋은 방법이 있을까요?

참고로 컨텐츠영역의height값은 800px로 고정입니다.
이 고민을 해결해주세요. ㅠ_ㅠ

댓글 6

  • 천사 2025.01.25

    (null)

  • 들샘 2025.01.25

    아 정말 감사합니다. ㅠ_ㅠ

  • 아담 2025.01.25

    컨텐츠 div 는 그냥 background로 깔구요~

  • 마루나 2025.01.25

    만약 좌측bg 와 우측bg 중 하나가 그냥 background-color 라면 ... 제가 사용했던 방법을 소개할께요. (둘다background-image로 깔린다면.. 다른방법을 생각해보죠^-^) 우선 좌측bg가 color로 깔린다면 우측bg는 이미지를 세로가 1px이고 가로는 시안에 나온대로 짤라주세요.. 그리고 body에 background-image와 backgound-color를 같이 깝니다. 이때 backgound-repeat은 repeat

  • 해까닥 2025.01.25

    컨텐츠 영역의 height값이 고정이니까..
    좌우측중 한쪽은 body에 배경을 깔아주시고, 나머지 한쪽은 div에 배경을 넣어주면 되지 않을까 싶은데요.. ^^

  • 분홍색진주 2025.01.25

    position:absolute; width:50%; height:100%; left:0; top:0; z-index:-1;
    position:absolute; width:50%; height:100%; right:0; top:0; z-index:-1;