그누보드 설치시 가운데정렬

그누보드 설치시 가운데정렬 정보

그누보드 설치시 가운데정렬

본문

설치전에는 정확히 가운데정렬 맞아 떨어졋는데 하고나니 왼쪽에 딱붙어 움직일생각을 안하네요..

왠만한 CSS문제는 혼자 해결하겠는데 그게 아닌듯 싶기도하고..ㅠㅠ

<!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.sub.php에 삽입했는데도 꼼짝도 안하구요..

내키진 않지만 body에 text-align:center값도 줘봤는데 오른쪽으로 훅 가버리네요..

아..크롬이랑 파폭에서는 정상출력되구요.

한번 봐주시면 정말 감사하겠습니다.ㅠㅠ

이게 css 입니다.

div, dl, dt, dd, ul, li, p, form, img, a{ margin:0px; padding:0px; border:none; list-style:none; }
a{ text-decoration:none; color:#666666; }
body{ margin:0px; padding:0px; border:none; list-style:none; }

.cls{ clear:both; }

#wrap{ width:100%; margin:0 auto; background-color:#fff; }

/* headerWrap */
.header{ width:100%; height:152px; background: url("../images/head_back.gif") repeat-x ; }
.headerWrap{ position:relative; margin:0 auto; width:1000px; height:152px; }
.headerWrap .logo{ position:absolute; width:91px; height:59px; margin-left:46px; margin-top:32px; }
.headerWrap .top_menu{ position:absolute; width:400px; height:59px; margin-left:260px; margin-top:32px; }
.headerWrap .navi{ position:absolute; width:243px; height:59px; margin-left:706px; margin-top:32px; }
.headerWrap .navi ul{ margin:16px 0 0 64px; }
.headerWrap .navi li{ float:left; }
.headerWrap .navi li a{ padding:4px; }
.headerWrap .sub_bar{ position:absolute; width:911px; margin-top:120px; margin-left:46px; }
/* headerWrap */

/* middleWrap */
.middle{ width:100%; height:324px; background-color:#dfdfdf; }
.middleWrap{ position:relative; margin:0 auto; width:1000px; height:324px; }
.middleWrap .main_visual{ position:absolute; width:908px; height:324px; margin-left:46px; }
/* middleWrap */

/* bottomWrap */
.bottom{ width:100%; height:164px; }
.bottomWrap{ position:relative; margin:0 auto; width:1000px; height:164px; }
.bottomWrap .notice{ position:absolute; width:114px; height:24px; margin-left:66px; margin-top:15px; }
.bottomWrap .notice_con{ position:absolute; width:255px; height:79px; margin-left:66px; margin-top:54px; }
.bottomWrap .notice_con ul{ display:block; }
.bottomWrap .notice_con li{ height:12px; list-style-image:url("../images/list_icon01.png"); padding:4px 0 0px; }
.bottomWrap .notice_con li a{ padding:0px; text-decoration:none; font-size:12px; font-family:Dotum; font-weight:bold; }
.bottomWrap .service{ position:absolute; width:595px; height:165px; margin-left:359px; margin-top:1px; }
/* bottomWrap */

/* subWrap */
.sub{ width:100%; min-height:770px; _height:770px; background: url("../images/sub_back.gif") repeat-x; }
.subWrap{ position:relative; margin:0 auto; width:1000px; }
.subWrap ul{ display:block; margin-left:46px; }
.subWrap ul li{ float:left; }
.subWrap .left{ position:relative; width:185px; }
.subWrap .subcon{ position:relative; width:700px; margin-left:30px; }
.subWrap .subcon .location{ width:260px; height:13px; float:right; margin-left:400px; }
.subWrap .subcon .contit{ width:247px; height:21px; padding:0 0 16px 0; }
.subWrap .subcon .contents{ width:700px; }
.box01 {width:670px; border:5px solid #d9d8d8; margin:10px 0px 0px 8px; padding: 2px 2px 2px 2px; text-align:left; vertical-align:top; }

/* subWrap */

/* footerWrap */
.footer{ width:100%; height:75px; background: url("../images/footer_back.gif") repeat-x ; }
.footerWrap{ position:relative; margin:0 auto; width:1000px; height:75px; }
.footerWrap .icon{ position:absolute; width:20px; height:21px; margin-left:50px; margin-top:12px; }
.footerWrap .text{ position:absolute; margin-left:60px; }
.ct{ text-decoration:none; color:#444444; font-size:11px; font-family:Dotum; line-height:15px; padding:12px; }
/* footerWrap */

이건 본문입니다.

<div class="wrap">

<div class="header">
<ul class="headerWrap">
<li class="logo">
<a href="./index.php"><img src="images/logo.png" alt="ADD Contruction_LOGO"/></a>
</li>
<li class="top_menu">
<SCRIPT LANGUAGE="JavaScript">flash_dis( 'fla/add_topmenu.swf',490,59);</SCRIPT>
</li>
<li class="navi">
<ul>
<li><a href="./index.php"><img src="images/home_btn.png" alt="home"/></a></li>
<li><a href="./sub/sub01_5.php"><img src="images/contact_btn.png" alt="contact us"/></a></li>
<li><a href="/#"><img src="images/admin_btn.png" alt="admin"/></a></li>
</ul>
</li>
</ul>
</div>

<div class="middle">
<ul class="middleWrap">
<li class="main_visual">
<SCRIPT LANGUAGE="JavaScript">flash_dis( 'fla/main.swf',1000,324);</SCRIPT>
</li>
</ul>
</div>

<div class="bottom">
<ul class="bottomWrap">
<li class="notice"><a href="./sub/sub04_1.php"><img src="images/main_notice_new.jpg" alt=""/></a></li>
<li class="notice_con">
<ul>
<li><a href="./sub/sub04_1.php"> 뉴스&공지사항입니다.</a></li>
<li><a href="./sub/sub04_1.php"> 뉴스&공지사항입니다.</a></li>
<li><a href="./sub/sub04_1.php">뉴스&공지사항입니다.</a></li>
<li><a href="./sub/sub04_1.php">뉴스&공지사항입니다.</a></li>
</ul>
</li>
<li class="service">
<SCRIPT LANGUAGE="JavaScript">flash_dis( 'fla/snp.swf',595,164);</SCRIPT>
</li>
</ul>
</div>

<div class="footer">
<ul class="footerWrap">
<li class="icon">
<img src="images/footerlogo.jpg" alt=""/>
</li>
<li class="text">
<p class="ct"> 상호 : 000000 ㅣ 대표이사 : 0000 ㅣ 사업자등록번호 : 000000<br>주소 : 00000000000000000 ㅣ TEL : 00000000 ㅣ FAX : 0000000ㅣ E-MAIL : 00000000000000000<br>COPYRIGHT(C) 2013 0000000000000000000000RESERVED.
</p>
</li>
</ul>
</div>

</div>

복사
공유하기

댓글 전체

D2BDesign 자기소개 아이디로 검색 회원게시물

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

13.10.22 22:17:25

맞을진 모르겠지만..파폭이나 크롬에서 정상출력된다면..웹표준선언에 문제일 가능성이 높을듯하네요..
전 개인적으로
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
로 선언해서 사용하는데 IE8까진 문제없이 출력됩니다.

그누보드 설치시 가운데정렬 > 그누4 질문답변

그누4 질문답변