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

· 2013-04-25 (목) 22:28:49 · 2361 · 10
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'>© <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 [email protected] */
body{width:100%; height:100%; margin:0px; padding:0px;}
.homewrap{width:100%; height:100%; text-align:center;}
img{border:0px;}

.clearb{clear:both;}
.topbtn{width:100%; height:95px; text-align:right;}
.topbtn ul{list-style:none; margin:0px; padding:0px; float:right;}
.topbtn ul li{list-style:none; margin:0px; padding:0px; float:left;}
.topbtn ul li a{display:block; padding:30px 8px 8px 8px; font-family:verdana; font-weight:bold; font-size:8pt; color:#dddddd;}
.topbtn ul li a:link,.topbtn ul li a:visited{ color:#999999;}
.topbtn ul li a:hover{ color:#333333; text-decoration:none;}

.leftmenu{margin:0 auto;}
.leftmenu ul{list-style:none; text-align:left; margin:0px; padding:0px;}
.leftmenu ul li{list-style:none; text-align:center;color:#666666; margin:0px; padding:0px;}
.leftmenu ul li a{ display:block; font-family:gulim; font-size:9pt; width:220px;}
.leftmenu ul li a:link,.leftmenu ul li a:visited{color:#666666; border-bottom:1px dashed #e5e5e5;}
.leftmenu ul li a:hover{color:#ffffff; text-decoration:none; border-bottom:1px solid #000000; background:URL(js/wrest.gif) no-repeat top right #333333;}
.leftmenu ul li a span{padding:8px 0px 8px 15px; display:block; font-weight:bold;}

.allcontarea{margin:0 auto; text-align:left; background:URL(img/leftbg.gif) no-repeat top left;height:100%; }

.leftarea{width:290px; text-align:center; float:left;}
.leftarea h1{margin:0px; padding:30px 0px 20px 0px; width:220px; text-align:center;}

.leftarea .topsearch{margin:0 auto; text-align:right; width:200px; padding:0px; }
.leftarea .topsearch fieldset{border:0px; padding:0px;}
.leftarea .topsearch fieldset legend{display:none;}
.leftarea .topsearch fieldset label{display:none;}
.leftarea .topsearch fieldset .topsearch{width:144px; height:30px; background:URL(img/searchbg.gif) no-repeat;; padding-left:15px; border:0px; text-align:left; float:left;}
.leftarea .topsearch fieldset .btn_search{border:0px;float:left; margin-left:5px;}
.leftcopy{font-family:verdana; font-size:7pt; color:#999999; width:100%; text-align:center; font-weight:bold; padding:8px 0px 8px 0px; }

.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;}

.contarea{width:800px; float:right;}
.subtoph20px{height:20px; border-top:5px solid #e5e5e5;}

.copyright{margin:0 auto; text-align:center; padding-top:20px; padding-bottom:20px;}
.copyright address{font-family:dotum; font-size:8pt; font-style:normal; color:#999999; width:100%; border-top:5px solid #e5e5e5; padding-top:20px;}
.copyright address a:link,.copyright address a:link{color:#999999;}
.copyright address a:hover{color:#000000;}
.copyright p{padding:10px 0px 0px 0px; margin:0px; font-family:dotum; font-size:8pt; font-style:normal; color:#999999;}
.copyright hr{display:none;}


그리고


http://cfile27.uf.tistory.com/image/116CF24951792F3A346CAF



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



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

댓글 10개

2013-04-25 (목) 22:35:18
margin:auto;
auto앞에 0을 지우라는 말씀이신가요?
.leftmenu ul li a:link,.leftmenu ul li a:visited{color:#666666; border-bottom:1px dashed #e5e5e5;} 여기서
border-bottom:1px dashed #e5e5e5;이 점선입니다
<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;}

이렇게 하시면 될것 같네요
우와!!! 정말 감사합니다!!ㅠㅠㅠㅠㅠㅠㅠ
근데 저 아래쪽 <hr> 부분이 아직 가운데로 안오네여ㅠㅠㅠ
.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} 이렇게 넣어주셔도 될겁니다
마지막까지 친절한 답변 정말 감사했습니다!!
ㅠㅠㅠㅠㅠㅠㅠㅠ복받으세요!!!ㅜㅜㅜㅜ
새벽비님 정말 친절하게 답변해 주셨네요...
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

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

+
제목 글쓴이 날짜 조회
13-04-26 조회 1,682
13-04-26 조회 1,093
13-04-25 조회 1,144
13-04-25 조회 2,142
13-04-25 조회 2,362
13-04-25 조회 1,070
13-04-25 조회 1,066
13-04-25 조회 1,121
13-04-25 조회 1,369
13-04-25 조회 941
13-04-25 조회 1,218
13-04-25 조회 1,128
13-04-25 조회 1,152
13-04-25 조회 1,807
13-04-25 조회 4,444
13-04-25 조회 1,072
13-04-25 조회 871
13-04-25 조회 1,137
13-04-25 조회 1,639
13-04-25 조회 992