css 이미지여백? 문제 도와주세요//
본문
보시면 왼쪽에 여백이 있고 또 오른쪽으로도 창크기에 따라서 100% 변하는
배너이미지를 넣으려면 css 어떻게 수정해주어야 할까요?
본문은 이렇게 들어가 있고요~
<?php if(defined('_INDEX_')) { // index에서만 실행 ?>
<?php } else { ?>
<div id="s-bg">
<ul><li><img src="이미지" /></li></ul>
</div>
<?php } ?>
css는
#s-bg {
margin:0;
padding:0;
overflow:hidden;
background-position: center center;
background-repeat: none;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
#s-bg li {
list-style:none;
font-style: normal;
background-position:top;
height:auto;
}
요것입니다 ㅠㅠ
그리고 내용관리에서 넣은것은 아래 공간이 많이 벌어져요~
게시판의 경우 아래공간은 딱붙어서 잘나옵니다//
답변 1
저것만 가지고는 알기 힘드실거 같구요.....
일단 <img src="이미지" /> -> <img src="이미지" style="width:100%" />
이렇게 주고
어느정도 까지 커지는지 보시구요.
<div id="s-bg">
<ul>
<li>
하나하나 찾아봐야 할거예요
<div id="s-bg"> 여기 위에 부분에서 padding 줬을때도 작게나올 수도 있구요.
일단 저것만 가지고는 확실히 어떻게 하면된다 힘들거같아요.