수다닷컴

에고 ㅠㅠ 또 질문만 올립니다 ㅠㅠ ㅈㅅ하지만
화면을 가로로 줄이게 되었을때 문제인데요...

위 이미지처럼 기하학 무늬(?) 가 들어간게 배경인데요,.....
이렇게... 브라우져 크기를 줄이면 배경도 옆으로 쑥 밀려나네요;;;; 그러니까.... 배경을 딱 고정시켜 버리고 싶은거죠..ㅎㅎ

배경에는

#wrap { margin: 0 auto; background: url(../images/main/back_bg.jpg) no-repeat center top; width: 100%; }

이렇게 width값을 100% 줬는데 자꾸 옆으로 기어가는;;;

width값은 전체 배경이라 딱 잡아줄 수는 없어요ㅠ 메뉴부분이 무한대로 늘어나는 거라서...

암튼 이런 상황에서는 어떻게 해야 하죠?

질문 너무많이 했는데 답변두 많이 주시고 항상 감사합니다요~소스입니다.--------------------

빨간부분이 배경쪽이요..

#wrap { margin: 0 auto; background: url(../images/main/back_bg.jpg) no-repeat center top; width: 100%; }

/*----- 공통 -----*/
/*----- 메인메뉴/로고 -----*/
#head { margin: 0 auto; }
.tophead { margin: 0 auto; width: 1024px; }
.toplogo { margin-left: 25px; }
.topline { background: url(../images/main/top_line.jpg) repeat-x; height: 39px; width: 100%; text-align: center; margin-top: 24px; }
.topline .mainbar { background: url(../images/main/top_line_bar.jpg) no-repeat; width: 1024px; height: 39px; margin: 0 auto; }
.topline .mainbar .mainmenu { float: left; display: inline; padding: 12px 0 0 43px; width: 500px; }
.topline .mainbar .mainmenu ul { padding: 0; margin: 0; }
.topline .mainbar .mainmenu ul li { float: left; text-align: center; }
.topline .mainbar .mainmenu ul li.sp { padding: 3px 18px 0 13px; }
.topline .mainbar .mainmenu ul li.sp2 { padding: 3px 17px 0 14px; }
.topline .mainbar .mainmenu ul li.sp3 { padding: 3px 16px 0 19px; }
.topline .mainbar .mainmenu ul li.sp4 { padding: 3px 15px 0 13px; }
.topline .mainbar .search { float: right; background: url(../images/main/search.jpg) no-repeat; margin-right: 23px; margin-top: 5px; width: 265px; height: 31px; }
.topline .mainbar .search_keyword { background: none; margin-top: 6px; width:180px; height:22px; border:none; vertical-align:middle;color:#999; }
.topline .mainbar .search img { margin-top: 7px; margin-left: 34px; }
-------------------------------------

div id=wrap!--메인메뉴/로고S--
div id=head
div class=tophead
div class=toplogo
a href=#img src=contents/images/main/top_03.jpg//a
/div
/div
div class=topline
div class=mainbar
div class=mainmenu
ul
li
a href=#img src=contents/images/main/top_07.jpg//a
/li
li class=spimg src=contents/images/main/sp.jpg//li
li
a href=#img src=contents/images/main/top_09.jpg//a
/li
li class=sp2img src=contents/images/main/sp.jpg//li
li
a href=#img src=contents/images/main/top_11.jpg//a
/li
li class=sp3img src=contents/images/main/sp.jpg//li
li
a href=#img src=contents/images/main/top_13.jpg//a
/li
li class=sp4img src=contents/images/main/sp.jpg//li
li
a href=#img src=contents/images/main/top_15.jpg//a
/li
/ul
/div
div class=search
input type=text size=18 class=search_keyword
a href=#img src=contents/images/main/search_icon.jpg class=icon/a
/div
/div
/div
/div
!--메인메뉴/로고E--

신청하기