미채택 완료

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;
 
}

요것입니다 ㅠㅠ

0e85ea1ee22922d2cbc336133df9b4ab_1493629973_1288.jpg

 그리고 내용관리에서 넣은것은 아래 공간이 많이 벌어져요~

게시판의 경우 아래공간은 딱붙어서 잘나옵니다//

0e85ea1ee22922d2cbc336133df9b4ab_1493629973_1882.jpg

 

|

답변 1개

저것만 가지고는 알기 힘드실거 같구요.....

일단 <img src="이미지" /> -> <img src="이미지" style="width:100%"  />

 

이렇게 주고 


어느정도 까지 커지는지 보시구요. 



<div id="s-bg">
<ul>

<li>

 

하나하나 찾아봐야 할거예요 

<div id="s-bg"> 여기 위에 부분에서 padding 줬을때도 작게나올 수도 있구요. 

 

일단 저것만 가지고는 확실히 어떻게 하면된다 힘들거같아요. 

답변을 작성하려면 로그인이 필요합니다.