이전 제로보드 시절처럼 게시판 적용코자 합니다.
관련링크
본문
다행히 그누보드가 과거 제로보드 처럼 header 와 footer 추가 방식을 갖고있네요 그래서
http://아이렉스.com/gnuboard5/bbs/board.php?bo_table=board_01
이 페이지처럼 보드를 만들었는데.. 좌우 여백이 상당 합니다.
본래 홈페이지 제작하기를 1920에 맞추어 제작하여서 상당히 언벨런싱 해져버렸어요
이거 좌우 여백을 어떤 파일을 손봐야 하는지 궁금 합니다.
답변 4
설명
아래코드는 간단하게 레이아웃만 잡아논 상태입니다.
서브타이틀 영역 부분은 간단한
php 코드로 예외 처리 해주셔야 하며
아래 코드를 참고 하시기 바랍니다.
잘 모르시겠으면 아래소스를 head.php 상단에 붙여 넣으시고
수정하면서 진행 해보시면 막히는 부분이 해결되지 않을까 싶습니다.
php와 html, css 를 잘 모르는상태에서 혼자서 홈페이지를 만드시는 거라면
중간에 막히는 부분이 많아 힘들 것입니다.
<style type='text/css'>
.wrapper{}
.wrap_header{height:100px;}
.wrap_sta{background:red;height:100px;}
.wrap_sta:after{content:" "; display:block; clear:both;}
.wrap_header .header{width:970px;margin:0 auto;}
.contents{width:970px;margin:0 auto;}
.contents:after{content:" "; display:block; clear:both;}
</style>
<div class='wrapper'>
<div class='wrap_header'>
<div class='header'>
헤더
</div><!--//header-->
</div>
<!-- 서브타이틀영역 -->
<?php
if(defined('_INDEX_')) { // index에서만 실행?>
<?php }else{
<div class='wrap_sta'>
<div class='sta'>
서브타이틀 영역<<br />
</div>
</div>
}
?>
<!-- //서브타이틀영역 -->
<div class='contents'>
<div class='board'>
게시판영역<<br />
게시판영역<<br />
게시판영역<<br />
게시판영역<<br />
게시판영역<<br />
</div>
</div>
</div>
gnuboard5/theme/basic/css/default.css에서
#wrapper { width : 1920px;} 이렇게 수정해보세요~
wrapper div안에 div 생성하셔서 wrapper를 1920으로 잡고 자식 div 로 margin 값을 잡아서 출력하면 될거같은데요 ?
그누보드 기본 레이아웃이 너비 970px로 잡혀있어서 그렇습니다.
default.css 에서 970px로 검색하셔서 너비지정된것을 100% 혹은 원하시는 1920px로 수정하셔야 합니다.
지금 생각나는 것만해도 #wrapper, #ft, #container, #hd 등등이 있었던걸로 기억나네요.
