웹표준으로 작업 후 게시판 넣기~

웹표준으로 작업 후 게시판 넣기~ 정보

웹표준으로 작업 후 게시판 넣기~

본문

안녕하세요~
웹표준을 배우고 있어서 한번 테스트 해보던 중입니다~

웹표준으로 코딩후 head와 foot파일을 만들어 그누보드 게시판 상,하단에 넣으면 홈페이지 정렬이
기존 중앙 정렬이 아니라 왼쪽으로 딱 붙어요~

http://jades.kr/bbs/board.php?bo_table=test

* 스타일시트
@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body { background:url(../img3/top_bg.jpg) no-repeat 50% 0;}
img {border:none;}
a { outline:none;}
#wrap { width:100%; margin:0 auto; position:absolute;}
#header { width:1024px; margin:0 auto;}
.logo { width:423px; float:left; margin-bottom:20px;}
#top_right {width:550px;float:right;}
#top_right .top_menu { margin-top:0; width:259px; height:73px; float:right;}
#top_right .efel { width:60px; height:113px; float:right; margin-top:6px;}
.navi { margin-top:200px; position:relative;}
.navi ul,li {list-style:none; display:inline; float:right; padding-left:12px;}
#content {width:1024px; margin:0 auto;}

.bbs {width:1024px; text-align:center; height:100%; margin:0 auto;}
#footer { clear:both; height:100px; background:#AFA29C; }

#footer .copy {width:1024px; margin:0 auto;}
address { text-align:right;}

*html 파일

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="../css/bbs_style.css" />
</head>

<body>
<div id="wrap">
<div id="header">
<div class="logo"><a href="main_ex.html"><img src="../img3/logo.png" alt="로고" /></a></div>
<div id="top_right">
<div class="top_menu"><a href="main_ex.html"><img src="../img3/menu.png" alt="메일주소 및 전화번호" /></a>
<div class="efel"><img src="../img3/eiffeltop.jpg" alt="에펠탑이미지" />
</div>

</div>
<div class="navi">
<ul id="menu">
<li><a href="111.php"><img src="../img3/menu6.png" alt="웹팁" /></a></li>
<li><a href=""><img src="../img3/menu5.png" alt="다이어리" /></a></li>
<li><a href="111.php"><img src="../img3/menu4.png" alt="작업" /></a></li>
<li><a href="main_profile.html"><img src="../img3/menu2_roll.png" alt="프로필" /></a></li>
<li><a href="111.php"><img src="../img3/menu1.png" alt="포트폴리오" /></a></li>
</ul>
</div>

</div>
</div>

<div id="content">
<div class="bbs">

게시판 들어가는 부분

</div>
</div>

<div id="footer">
<div class="copy">
<address>
<p><img src="../img3/copy.jpg" alt="copyright© 2011 jina park design all rights reserved." /></p>
</address>
</div>
</div>

</div>

</body>
</html>

위 처럼 했는데 뭐가 문제일까요~?? ㅠ

코딩자체가 틀어진건지 아니면 스타일 시트 문제인지~ㅠㅜ

웹표준 시작한지 얼마 안되어 너무 어렵네요~

도움 부탁 드려요~!!

복사
공유하기

댓글 전체

뉴얼리티 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

13.06.03 15:37:54

일단 간단히 보니 div쌍이 맞지 않는것 같구요

.bbs에 center을 주면 안에 자식까지 상속 받기때문에 좋지 않습니다.

부모에서 컨트롤 해도 되지만 그럴려면 레이아웃이 딱 맞게끔 다시 짜야될듯 하구요

지금도 중앙정렬은 되는듯 한데

게시판 wrap, container 혹은 table 쪽에 중앙정렬을 해보셨으면 합니다.