(ㅠ.ㅠ) html 에관한 질문입니다 해결좀 부탁드립니다
본문
배너를 띠우고 그속에 css 백그라운드 속성을 넣었습니다.
그런데 위 이미지처럼 백그라운드에서 나오는 이미지들은
제가 빨간줄을 그은 양쪽 부분이 흰색으로 나옵니다;;
배너랑 같은 이미지안데 왜 위에 배너는 정상적으로 나오고
속에 백그라운드 배경은 위가 짤려서 나오나요?ㅠㅠ
제 소스는 아래와같습니다.
<style>
body {
margin:0;
padding:0;
background-color:#fff;
}
#contents_main {
width:100%;
background-image:url(img/banner-main.jpg);
background-repeat:repeat-x;
background-position:center;
padding-bottom:100px;
}
#contents_main .inner {
width:1300px;
margin:0 auto;
}
</style>
<body>
<div id="contents_main">
<div class="inner">
<img src="img/banner-main.jpg" alt="" />
</div>
</div>
</body>
머가 문제인지를 모르겠어요 ㅠㅠ
답변 2
네 사이트에서 확인했구요.
이부분은 극히 단순한 문제입니다.
일단 설명을 드리자면 html에 스타일 넣어놓신것중에 #contents_main 이라고 있습니다.
해당하는 부분에 이미지를 코딩해놓으셨더라구요.
거기에 하단에 여백을 100px을 주셨구요. 그렇게 되면 이미지 이외에 100px까지해서
세로 사이즈가 측정됩니다.
그부분에 배경을 넣으셨는데 background-position 을 center 로 잡아두시면
하단 100px의 영향으로 배경이미지들이 가운데로 정렬이 되버리죠.
이미지는 제일 상단에 배치게 되고 배경은 센터로 정렬되서 나오니 상단에 여백이 생기게 보이는겁니다.
설명은 힘든데.. 해결법은 무지 간단합니다.
하단에 여백 100px을 유지 해야 한다면
background-position:center top; 이렇게만 바꾸시면 끝이에요! ㅠㅠ
해결법보다 수정법이 더 간단하네요 ㅠㅠ
채택부탁드립니다 ~
정보가 너무 없습니다^^;; 하다못해 도메인이라도 알려주시면..
어디를 수정해야 하는지 뭐가 문제인지 알수있을거같은데요?
이렇게만 보면 뭐가 문제인지 전혀 알수가 없을듯해요.
예상은 해보는건데 아마 메뉴부분 때문일거같긴합니다.
아 답변감사드립니다 ^^