배너 최신글 상단 공간을 없애고 싶습니다.
본문
http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=8025
원문 출처 : http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=2634
게시판 제목, 더보기 등등을 모두 없애고, 단출하게 배너와 좌우 방향표시만 나타내었습니다.
'style.css' 파일은 사용하지 않습니다.
개발자도구로 보면 희미한 글씨로 '46px'이라고 알려줍니다.
배너가 30px입니다.
상단에 필요없는 16px의 공간이 생깁니다.
실제로는 14px입니다.
최종 출력 소스를 div로 감싸고 'margin-top:-14px'을 하면 간격은 줄어들지만...
실제 해당 공간은 남아있게 됩니다.
깔끔히 없애고 싶은데 방법을 모르겠습니다.
latest.skin.php
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')이 부분과 관련되는 듯 합니다.
전체 소스는 분량이 많아 글 읽기 불편해 하실 것 같아 본문에 보여드리지 않았습니다.
답변 1
제가 테스트 해 본 결과 id="ft_catch" 에서 padding:20px 값을 가지고 있어서 상단에 갭이 있는것 같습니다.
<div id="ft_catch">밖에 스킨을 적용하니 상단에 착 달라 붙는군요....^^ 확인해 보시기 바랍니다.
위 그림에서 상하 연두색이 'ft_catch'에서 설정한 10px padding 입니다.
가운데의 하늘색 부분의 상단 여백은... 배너 자체에서 발생하는 듯 합니다.
아파치님이 보여주신 예시를 아랫쪽에 적용할 수 있을지 머리를 싸매봐야겠네요.
저같은 경우에는 아래와 같이 적용했습니다.
<div id="ft">
<div id="banner" class=""><?php echo latest("banner_move","01_3",10,20); // 배너 ?>
</div>
클레스 banner 는 아래와 같이 주고요.
#banner {position:relative;margin:0 auto;width:970px;text-align:center}
똑같이 해봐도 마찬가지네요~
배너스킨 자체에 갭이 있다면 저의 경우에도 상단에 갭이 생겨야 하는데 그건 아닌것 같습니다.
다른 class 에서 간섭을 받는것 같네요. 머리가 아프실듯.....ㅠㅠ
거의 수정한 것이 없는 시험용 사이트에서도 동일한 결과로 나타나네요.
스킨 자체의 문제인 듯 합니다.
div로 감싸서 높이 값을 고정으로 주면... 아래로 내려가서 아랫쪽 선에 정확하게 가운데에 걸쳐지는 현상이 있더군요.
돼지코구뇽님의 수정본으로 작업하면 더 쉬울 것 같아 몇시간을 씨름하다 포기 했지요.
공부가 부족하니 어렵네요~^^
