백그라운드가 자꾸 아래로 내려오는 이유!!!
슬옹
로고랑 메인메뉴가 있는 부분인데
위 이미지처럼 화면 위에 딱 붙여져서 나와야하는 데요..
전체 백그라운드고요...
지금처럼 내려와져 보입니다....잘린게 아니구 밑으로 밀려내려와져 보여요 ㅠㅠㅠ
빨간 글씨 부분이 전체 백그라운드 입니다.
css
#wrap { margin: 0 auto; background: url(../images/main/back_bg.jpg) no-repeat center; height: 1784px; overflow:hidden;zoom:1 }
.back_bg { }
#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; margin: 0 auto; }
.topline .mainbar .mainmenu { float: left; display: inline; padding: 12px 0 0 43px; }
.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 { margin-top: 6px; width:180px; height:22px; border:none; vertical-align:middle;color:#999; }
.topline .mainbar .search img { margin-top: 7px; margin-left: 34px; }html
div id=wrap
div class=back_bg
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
흐엉... 문제를 모르겠습니다...하나 덧붙여서 백그라운드 위치 조절하는 방법도 알려주세요;
-
빛솔 2025-09-06
엥 저 이미지를 보면 왼쪽으로 쏠려있는것처럼 보이는데요;; 오른쪽으로 쏠려있다면 float:right 부분을 열심히 파해쳐 보시면 될듯
-
슬현 2025-09-06
하늘배경은 백그라운드가 아니구 그냥 이미지에요 ^^ 중요한건 저놈의 핑크라인 배경 ㅠㅠ
위로는 올라가졌는데 오른쪽으로 쏠려있다능;;;; 읔 뭘 해도 꿈쩍도 안하네요ㅋㅋㅋ -
츄릅 2025-09-06
그리고 주된 질문에대해서는 전체적으로는 문제가 없는데 지금 이미지가 겹치죠?? 하얀배경과 하늘배경을 따로 잘라서 배경으로 해주신거같은데 아닌가;; 포토샵에서 찍은 이미지랑 결과이미지랑 놓고 비교해보면 그렇게 밖에 안보이는데 이럴경우 하얀배경부분과 서치부분과 하늘부분의 배경에 각각 따로 div로 잡는게 좋을꺼같은데요? 지금보면 div안에 수많은div들이있고 또 div가 있는데 전체적인 화면이 없으니 잘 파악이 안되네요~ 아무튼 이미지 자료랑 같이 올려주시
-
두온 2025-09-06
배경 위치 조절하는 방법은 말이죠. 만약 바디에다가 배경을 넣었을 경우 위치 변경을 권찮하지 않습니다만 여타 태그에 이미지를 넣었을 때는 스타일에 마진값과 패딩값을 이용하여 위치를 조절하면 됩니다. 아님 탑, 리프트 기타 등등이 있지요.
-
눈내리던날 2025-09-06
결국은 이미지 크기가 문제였어요....아 이런 바보같은 실수를 ㅠㅠㅠㅠㅠㅠ 답변주셨는데 감사해요~
-
들찬길 2025-09-06
no-reepat 1px top; // 숫자로 왼쪽에서 1px이동
no-reepat center top; // 배경이 가운데
no-reepat left top; //배경이 왼쪽
no-reepat right top; // 배경이 오른쪽
배경을 가운데 햇는데 오른쪽으로 이동이 됫다고하신건지 뭔지 잘 모르겠네요..
위에 쓰신거말구 파일이랑 이미지랑 올려주시면 같이 힘써볼께영 ... -
옆집언니야 2025-09-06
아 ! 위로는 올라가졌는데 오른쪽으로 좀 이동이 되있는게 안되네요 ;;;ㅎㅎㅎ
답변 감사합니다~ 더 찾아봐야겠는데 영 답답ㅠㅠ -
유우 2025-09-06
no-repeat center top; 이게 안된다규요?? ㅜㅜ
-
빗줄기 2025-09-06
그래도 여전하다능 ㅠㅠㅠㅠ 다른이유가 없을까요??ㅠㅠㅠ
-
벛꽃잎 2025-09-06
background: url(../images/main/back_bg.jpg) no-repeat center;
센터 하셔서...
no-repeat a b;
a는 좌우 b는 상하