웹표준으로 작업 후 게시판 넣기~
안녕하세요~
웹표준을 배우고 있어서 한번 테스트 해보던 중입니다~
웹표준으로 코딩후 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><!--logo -->
<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><!--top_menu -->
<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>
<!--navi -->
</div><!--top_right -->
</div><!--header -->
<div id="content">
<div class="bbs">
게시판 들어가는 부분
</div>
</div>
<!--content -->
<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><!--copy -->
</div><!--footer -->
</div><!--wrap -->
</body>
</html>
위 처럼 했는데 뭐가 문제일까요~?? ㅠ
코딩자체가 틀어진건지 아니면 스타일 시트 문제인지~ㅠㅜ
웹표준 시작한지 얼마 안되어 너무 어렵네요~
도움 부탁 드려요~!!
웹표준을 배우고 있어서 한번 테스트 해보던 중입니다~
웹표준으로 코딩후 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><!--logo -->
<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><!--top_menu -->
<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>
<!--navi -->
</div><!--top_right -->
</div><!--header -->
<div id="content">
<div class="bbs">
게시판 들어가는 부분
</div>
</div>
<!--content -->
<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><!--copy -->
</div><!--footer -->
</div><!--wrap -->
</body>
</html>
위 처럼 했는데 뭐가 문제일까요~?? ㅠ
코딩자체가 틀어진건지 아니면 스타일 시트 문제인지~ㅠㅜ
웹표준 시작한지 얼마 안되어 너무 어렵네요~
도움 부탁 드려요~!!
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 4개
.bbs에 center을 주면 안에 자식까지 상속 받기때문에 좋지 않습니다.
부모에서 컨트롤 해도 되지만 그럴려면 레이아웃이 딱 맞게끔 다시 짜야될듯 하구요
지금도 중앙정렬은 되는듯 한데
게시판 wrap, container 혹은 table 쪽에 중앙정렬을 해보셨으면 합니다.
크롬에선 중앙정렬이 되고 익스에선 여전히 왼쪽으로 딱 붙어나오네요~ ㅠ
해결이 잘 안되어 답답합니다` ㅠ
저도 아직 해결법을 찾지 못해서... 왜 이러는 걸까요~ ㅠ