표준웹코딩 좌우배경이 다른 패턴 100%잡기 ㅠ
해가빛
1번 : 왼쪽배경패턴
2번 : 컨텐츠
2-1번 : 메뉴
3번 : 오른쪽배경패턴
1번 3번은 패턴이 둘다 달라요
2-1은 메뉴고 메뉴가 끝나면 2-1의 패턴이 2번컨텐츠 끝까지 반복되야합니다.
1번 3번도 2번 컨텐츠가 끝날때까지 반복되어야합니다.#s_left_b {position:absolute;top :0; left:-500px; width:50%;height:100%;background:url(../../img/sub_pat_b.jpg) right top;}
#s_right_b {position:absolute; top:0; right:0; width:50%;height:100%; background:url(../../img/write_b.jpg) repeat;}
1번에 s_left_b 3번에s_right_b 넣었으나 ㅠㅠ 컨텐츠내용까지 늘어나지 않습니다. ㅠㅠ 방법이 뭘까요? ㅜㅜ
-
남자
예전이 이런식의 bg를 넣었던 기억이 나는데요...
젤 간단한 방법은 .....
1번에서 3번으로 이어지는 큰 bg를 대략 3000px에서 그 이상으로 잡아서 body에 bg를 줬던 같습니다.
모니터 해상도가 그 이상을 넘어가는게 거의 없는것 같으니...
일반 모니터에서는 아무 이상없이 1번에서 3번까지 전부 나타나게 되고요...창을 줄여서 아무리 늘려도 bg의 width값 만큼 나오진 않겠죠.. 더 크게 나온다면 머 3000px 이상 그려서 다시 bg -
사이
left:-500px은?? 음수값이 들어간 이유가 있나요??
왼쪽 배경에 left :0 주시고 오른쪽 동일하게 right:0 주시고
배경 반복 여부가 정확하지않내요-
background:url(배경) repeat-y 혹은 repeat-x 혹은 repeat left top 으로 지정하셔보심이~
그래도 안되시면 css파일을 좀더 보여주세요^^ -
꽃봄
1번과 3번은 항상 보이는 영역인가요? 브라우져창을 줄이면 안보이는 영역인가요?
-
내담
1번과 3번을 높이 1px 합치시고 하나의 이미지로 하신다음에 body에 세로 반복되게 만드세요~ 그게 나을거 같네요~