익스플로랑 크롬에서 보여지는게 다르네요
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
저기에 저 점선 지울려고 하는데
저 점선과 관련된 태그가 안보이네요ㅠ
아예 메뉴창 하나가 통째로 사라지거나 해버려서;ㅅ;
언제나 친절히 답변해 주시는 분들께 정말 감사드립니다.
이게 익스플로구
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개
border-bottom:1px dashed #e5e5e5;이 점선입니다
<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> 부분이 아직 가운데로 안오네여ㅠㅠㅠ
.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를 지우시던지 가로 세로 보더값을 지우시던지 하면 될것 같네요
left와 right를 0px으로 바꾸면 그대로이네요;;ㅅ;;
0px로 바꾸는게 아니라 아예 지워버려야 하나요? 여러번 번거롭게 죄송합니다ㅜ
그리고 border-right,border-left도 지우시면 됩니다.
정 안될 경우 hr를 지워버리시고 .clearb에 padding-bottom:12px;border-bottom:1px solid #e5e5e5;margin-bottom:12px} 이렇게 넣어주셔도 될겁니다
ㅠㅠㅠㅠㅠㅠㅠㅠ복받으세요!!!ㅜㅜㅜㅜ