책 한 권과 여러분의 도움으로 아주 어렵게 홈페이지를 만들었고 운용중입니다.

2년전에 아주 어렵게 그누보드4 게시판을 정상적으로 설치하였고 중간에 애러가 났는지 비밀번호가 유실되어 최근 그누보드5로 바꿨습니다.

기존 레이아웃에 게시판만 넣는 작업을 하였고 게시판을 정상적으로 넣었습니다.

하지만 기본 상단 레이아웃만 CSS가 일부만 적용이 되어 마무리를 못하고 있습니다.

* 처음이 정상 두 번째가 애러입니다.

증상-홈페이지 기본 상단 레이아웃이 일부만 작동됩니다.

(첨부된 링크 홈페이지 접속하셔서 상단 '북스게시판'을 보시면 됩니다)

조치-기존의 그누보드4를 살펴보니 bbs폴더에 이미지와 css가 들어있어(예전에 제가 작업을 했지만 제가 넣었는지 자동으로 들어갔는지 기억이 안 나네요ㅜㅜ 수없이 반복을 하다 얼떨결에 완성함...)

해당 css를 그누보드5 다른 폴더에 넣어봤지만 안됩니다. bbs폴더에서 빼면 안되는거 보니 이곳이 맞는거 같습니다.

게시판에서 문제 있는 레이아웃은 문제가 없이 잘 작동되나 홈페이지에 넣고 그누보드랑 연결되면 문제가 있습니다.

조언 부탁드립니다^^

<적용된 레이아웃 css 입니다>

@charset "utf-8";

body {

background-repeat: repeat-x;

margin: 0px;

background-image: url(image/bg.jpg);

}

#wrap {

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

}

#wrap:after {

content:'';

display:block;

clear:both;

}

#page_header {

height: 155px;

width: 1150px;

text-decoration: none;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

}

#logo {

height: 49px;

width: 200px;

margin-top: 15px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

-webkit-transition: all 0s ease 0.2s;

-moz-transition: all 0s ease 0.2s;

-ms-transition: all 0s ease 0.2s;

-o-transition: all 0s ease 0.2s;

transition: all 0s ease 0.2s;

}

#logo_title {

font-family: "굴림", "굴림체", "돋움", "돋움체", "맑은 고딕";

font-size: 7.5pt;

font-weight: bold;

color: #333;

text-decoration: none;

height: 13px;

width: 130px;

margin-top: -13px;

margin-left: 10px;

line-height: 120%;

}

#sns {

float: right;

height: 32px;

width: 200px;

margin-top: -40px;

}

#sns_1 {

float: left;

height: 32px;

width: 32px;

}

#sns_2 {

float: left;

height: 32px;

width: 32px;

margin-left: 5px;

}

#sns_3 {

float: left;

height: 32px;

width: 32px;

margin-left: 5px;

}

#sns_4 {

float: left;

height: 32px;

width: 32px;

margin-left: 5px;

}

#navi {

height: 18px;

width: 450px;

margin-top: 6px;

}

#navi div ul {

margin: 0px;

padding: 0px;

list-style-type: none;

}

#navi div ul li {

font-family: "굴림", "굴림체", "돋움", "돋움체", "맑은 고딕";

font-size: 9pt;

line-height: 150%;

font-weight: bold;

display: inline;

margin-left: 15px;

}

#navi div ul li a {

color: #999;

text-decoration: none;

}

#navi div ul li a:hover {

color: #900;

}

#book1 {

height: 18px;

width: 1150px;

margin-top: 15px;

}

#book1_0 {

float: left;

height: 18px;

width: 128px;

margin-left: 130px;

}

#book1_1 {

float: left;

height: 18px;

width: 142px;

margin-left: 20px;

}

#book1_2 {

float: left;

height: 18px;

width: 133px;

}

#book1_3 {

height: 18px;

width: 153px;

float: left;

}

#book1_4 {

float: left;

height: 18px;

width: 121px;

}

#book1_5 {

float: left;

height: 18px;

width: 115px;

}

#book2 {

height: 18px;

width: 1150px;

margin-top: 5px;

}

#book2_1 {

float: left;

height: 18px;

width: 92px;

margin-left: 320px;

}

#book2_3 {

float: left;

height: 18px;

width: 66px;

}

#book2_2 {

float: left;

height: 18px;

width: 78px;

}

#book2_4 {

float: left;

height: 18px;

width: 144px;

}

#book2_5 {

float: left;

height: 18px;

width: 66px;

}

#book2_6 {

float: left;

height: 18px;

width: 66px;

}