x

레이아웃 질문...

· 2013-05-03 (금) 15:05:50 · 1811 · 4
34.gif
그림처럼 레이아웃을 만들려고 하는데 도무지 알수가없네요...

배경을 제외한 레이아웃은 가운데로 정렬하고싶어요

소스좀 부탁드려요...

첨부파일

34.gif (6.4 KB)
0회 2013-05-03 15:05
|

댓글 4개

이런걸 말씀하시는 건가용?

[code]
<html>
<head>
<title> New Document </title>

<style type="text/css">
body{margin:0px; padding:0px; width:100%; height:100%; text-align:center; background:#08ffab;}
.wrap{width:700px; margin:0 auto; padding:85px 0px 85px 0px;}
.header{width:100%; height:85px; background:#ff0000;}
.contents{width:100%; height:520px; background:white;}
.footer{width:100%; height:85px; background:#085fff;}
</style>

</head>
<body>

<div class='wrap'>
<div class='header'>상단내용</div>
<div class='contents'>그누보드</div>
<div class='footer'>하단내용</div>
</div>

</body>
</html>
[/code]
답변 정말감사합니다..
그런데 가운데부분 그누보드는 어떻게 넣어야할까요... ㅜㅜ
style.css 에 삽입
[code]
body{margin:0px; padding:0px; width:100%; height:100%; text-align:center; background:#08ffab;}
.wrap{width:700px; margin:0 auto; padding:85px 0px 85px 0px;}
.header{width:100%; height:85px; background:#ff0000;}
.contents{width:100%; height:520px; background:white;}
.footer{width:100%; height:85px; background:#085fff;}
[/code]

head.php 에 삽입
[code]
<div class='wrap'>
<div class='header'>상단내용</div>
<div class='contents'>
[/code]

tail.php 에 삽입
[code]
</div>
</div>
[/code]

각 게시판 관리자에서는
상단파일 부분에 ../head.php
하단파일 부분에 ../tail.php

이렇게 넣어주시면 상단 하단 불러올거구요^^
웹사이팅 답변 정말 감사합니다. 한가지더 질문하자면 게시판의 테이블 폭을 45정도로 줄였는데 게시판은 줄여진반면 상단의 내용은 화면의 맨왼쪽으로 가있네요 게시판의 테이블이 줄어드는 만큼 상단의 내용도 같이 줄어드는 방법좀 알수있을까요?
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
13-05-04 조회 700
13-05-04 조회 866
13-05-04 조회 817
13-05-04 조회 875
13-05-04 조회 879
13-05-04 조회 749
13-05-04 조회 825
13-05-04 조회 4,107
13-05-04 조회 1,119
13-05-03 조회 1,723
13-05-03 조회 1,678
13-05-03 조회 891
13-05-03 조회 1,095
13-05-03 조회 1,227
13-05-03 조회 1,185
13-05-03 조회 1,812
13-05-03 조회 1,522
13-05-03 조회 1,299
13-05-03 조회 1,843
13-05-03 조회 1,969