익스플로랑 크롬에서 보여지는게 다르네요 > 그누4 질문답변

그누4 질문답변

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

익스플로랑 크롬에서 보여지는게 다르네요 정보

익스플로랑 크롬에서 보여지는게 다르네요

본문

http://cfile3.uf.tistory.com/image/154DDF3B517926D011A7AD

이게 익스플로구

http://cfile23.uf.tistory.com/image/144DDF3B517926D01041B9

이게 크롬에서 보여지는겁니다.



http://cmo48.dothome.co.kr/gnuboard4/

여기인데

저 메뉴부분이 보여지는게 다르네요ㅠ


전 가운데 정렬한다고 한건데ㅠㅠㅠㅠㅠ



head.php와 style.css입니다ㅜ한번 봐주시면 감사하겠습니다.



head.php

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
include_once("$g4[path]/lib/latest.lib.php");
//print_r2(get_defined_constants());

// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.

$table_width = 1100;
$all_width = 1100;
$admin = get_admin("super");
?>
<style type="text/css">
.allwidth{width:<?=$all_width?>px;}
</style>
<div class='homewrap'>
<!-- 상단 시작 -->




<div class='allcontarea allwidth'>
<div class='leftarea'
                  style='padding-top:350px;'>

<h1 class='clearb'><a href='<?=$g4[path]?>/'><img src='<?=$g4[path]?>/img/toplogo.gif' alt='<?=$g4[title]?>'></a></h1>

<hr />

<div class='leftmenu'>
<ul>
<?
//  상단 메뉴
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
echo "<li>";
echo latest("topmenu", $row['bo_table']);
echo "</li>";
}
?>
</ul>
</div>

<hr />

        <?=visit("basic"); // 방문자수 ?>

<hr />
<div class='leftcopy'>&copy; <b><?=$admin[mb_homepage]?></b></div>

</div>
<div class='contarea'>
<div class='topbtn'>
<ul>
<!-- 처음으로 버튼 -->
<li><a href="<?=$g4['path']?>/">HOME</a></li>
<? if (!$member['mb_id']) { ?>
<!-- 로그인 이전 -->
<li><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>">LOGIN</a></li>
<li><a href="<?=$g4['bbs_path']?>/register.php">JOIN</a></li>
<? } else { ?>
<!-- 로그인 이후 -->
<li><a href="<?=$g4['bbs_path']?>/logout.php">LOGOUT</a></li>
<li><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php">MEMBER INFOMATION</a></litd>
<? } ?>
<!-- 최근게시물 버튼 -->
<li><a href="<?=$g4['bbs_path']?>/new.php">NEW</a></li>
<? if ($member[mb_level] >= 10 ) { ?>
<li><a href='<?=$g4[path]?>/adm'>ADMIN</a></li>
<?}?>
</ul>
</div>
<div class='clearb'></div>
<div class='subtoph20px'></div>
<!-- 상단 끝 -->






style.css



body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222;}

form { margin:0px; }

/* img {border:0px;} */

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; }

.ed { border:1px solid #CCCCCC; }
.tx { border:1px solid #CCCCCC; }

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }


/* WEBsiting add CSS by http://cfile27.uf.tistory.com/image/116CF24951792F3A346CAF



저기에 저 점선 지울려고 하는데
저 점선과 관련된 태그가 안보이네요ㅠ
아예 메뉴창 하나가 통째로 사라지거나 해버려서;ㅅ;



언제나 친절히 답변해 주시는 분들께 정말 감사드립니다.

댓글 전체

<h1 class='clearb'><a href='<?=$g4[path]?>/'><img src='<?=$g4[path]?>/img/toplogo.gif' alt='<?=$g4[title]?>'></a></h1>

<hr />

<div class='leftmenu'>
<ul>
<?
//  상단 메뉴
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
echo "<li>";
echo latest("topmenu", $row['bo_table']);
echo "</li>";
}
?>
</ul>
</div>





<div class='leftmenu'>
<h1 class='clearb'><a href='<?=$g4[path]?>/'><img src='<?=$g4[path]?>/img/toplogo.gif' alt='<?=$g4[title]?>'></a></h1>

<hr /> 
<ul>
<?
//  상단 메뉴
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
echo "<li>";
echo latest("topmenu", $row['bo_table']);
echo "</li>";
}
?>
</ul>
</div>


.leftmenu{margin:0 auto;}
.leftmenu ul{list-style:none;  text-align:left; margin:0px; padding:0px;}

.leftmenu{margin:0 auto;width:220px}
.leftmenu ul{list-style:none;margin:0px; padding:0px;}

이렇게 하시면 될것 같네요
.leftmenu 폭이 220px 인데
.leftarea hr{width:220px; margin:12px 0px 12px 0px; border-top:1px solid #e5e5e5; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}

.leftmenu 폭이 220px 인데 hr 폭이 border가로 세로 값이 들어가서 각각 1px이 커져서 그런듯 하네요
width를 지우시던지 가로 세로 보더값을 지우시던지 하면 될것 같네요
보더 top과 bottom을 0px로 바꾸면 그 선이 아예 없어져버리고
left와 right를 0px으로 바꾸면 그대로이네요;;ㅅ;;
0px로 바꾸는게 아니라 아예 지워버려야 하나요? 여러번 번거롭게 죄송합니다ㅜ
.leftarea hr{width:220px;  이건 없어도 외곽쪽에 leftmenu로 감싸니깐 지워도 됩니다.
그리고 border-right,border-left도 지우시면 됩니다.

정 안될 경우 hr를 지워버리시고 .clearb에 padding-bottom:12px;border-bottom:1px solid #e5e5e5;margin-bottom:12px} 이렇게 넣어주셔도 될겁니다
전체 66,558 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT