그누보드5 기본게시판 읽기 화면 위치가 이상해요 채택완료


홈페이지 공부를 하고 있는 초보 사용자입니다.
홈페이지에 그누보드 게시판 넣는 연습중인데요
대략 다 집어 넣었는데 게시판 리스트 화면과 작성 화면은 정상으로 나오는데
읽기 화면이 좀 깨진것 처럼 나옵니다.
위치 부분의 css들이 충돌하는건지 이유를 찾을수가 없네요 ㅠㅠ''
제기본 css
@charset "utf-8";
/*전체공통속성reset css*/ body,ul,li,h1,h2,h3,h4,h5,p,a,img{font-size:12px; color:#666; font-family:"돋움"; margin:0; padding:0; list-style:none; border:0 } img {vertical-align: top; outline:none} a{text-decoration:none;outline:none} fieldset,input{border:none} legend{display:none} :focus { outline:0; } a:active { outline:none; }
/*레이아웃*/ #header{width:100%; height:119px; border-top:3px solid #000 ; border-bottom:2px solid #000} #h_top{width:937px; margin:0 auto}
h1{float:left; margin:5px 85px 0 0} #navi{float:left; background:url(http://jeffm79.cafe24.com/guna/image/menu-bg.png">http://jeffm79.cafe24.com/guna/image/menu-bg.png) no-repeat ; width:730px; height:119px; border-bottom:1px solid #000}
.menu{margin-left:26px; height:119px; display:block} .menu>li{position: relative;width:70px; height:85px; background:#000;border-radius: 0 0 25px 25px; float:left;} .menu>li>a{ color:#ccc; font-size:15px; padding-top:50px; display:block; text-align:center; padding-bottom:60px} .menu>li>a:hover{color:#FFF; font-weight:bold}
.m1{margin-left:0} .m2{margin-left:44px} .m3{margin-left:46px} .m4{margin-left:50px} .m5{margin-left:51px}
.sub{ position:absolute; width:170px; height:175px; background:url(http://jeffm79.cafe24.com/guna/image/sub-bg.png">http://jeffm79.cafe24.com/guna/image/sub-bg.png) no-repeat; top:120px; z-index:999; display:none }
.sub>li>a{width:80px; height:18px; background:#000; border-radius: 0 25px 25px 0; display:block; font-size:12px; color:#ccc; padding-left:10px; padding-top:5px; }
.sub>li>a:hover{width:90px; height:18px; font-weight:bold; color:#fff}
.sub1{margin-top:18px} .sub2{margin-top:6px} .sub3{margin-top:6px} .sub4{margin-top:6px}
/*내용*/ /* Slideshow */ #image_s{width:100%; border-bottom:2px solid #000; height:647px}
#slides {width:1024px;height:647px; position:relative; margin:0 auto; }
.slides_container { width:1024px; height:647px; overflow:hidden}
.slides_container a {width:1024px;height:647px;display:block;}
.prev{position:absolute; top:220px; left:0; z-index:99} .next{position:absolute; top:220px; right:0; z-index:99}
.pagination { position:absolute; top:50px; left:900px; z-index:99999}
.pagination li {float:left; margin-right:5px}
.pagination li a { display:block; width:14px; height:0px; padding-top:14px; background-image:url(http://jeffm79.cafe24.com/guna/image/pagination.png">http://jeffm79.cafe24.com/guna/image/pagination.png); background-position:0 0; overflow:hidden; } .pagination li.current a { background-position:0 -14px;}
/*본문*/ #content{width:990px; height:260px; margin:0 auto}
#box1{width:243px; height:247px; border:1px solid #666; float:left; margin-top:5px} #box2{width:243px; height:247px; border:1px solid #666; float:left; margin-left:3px; margin-top:5px} #box3{width:243px; height:247px; border:1px solid #666; float:left; margin-left:3px; margin-top:5px} #box4{width:243px; height:137px; float:left; margin-left:3px; margin-top:55px}
/*서브페이지 게시판*/ /*#con_sub{width:1000px; margin:0 auto; height:700px; padding: 20px 0 20px 0 ; position:relative}*/
#foot{width:100%; height:110px; background:#000} #f_box{width:1024px; height:100px; margin:0 auto} h2{float:left; margin-top:5px } #f_box>p{float:right;width:400px ; line-height:20px; color:#CCC; margin-top:15px}
===================================================
고수님들의 도움 요청합니다 ㅠㅠ''
답변 1개
/skin/board/basic/style.css에 #bo_v_table 가 있는데 이게 position속성값이 absolute로 되어 있는 바람에 부모에 relative 값이 없는 경우 사이트 위로 올라가버리는 현상이에요.
원래 처음 디폴트가 그거구요. 제목입니다.
해결방법은 두가지.
1.css파일에서 속성으로 제거한다.
/skin/board/basic/style.css
#bo_v_table {display:none;}
2.문서 자체에서 주석처리한다.
/skin/board/basic/view.skin.php
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인