익스플로랑 크롬에서 보여지는게 다르네요 정보
익스플로랑 크롬에서 보여지는게 다르네요본문
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 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 http://cfile27.uf.tistory.com/image/116CF24951792F3A346CAF
저기에 저 점선 지울려고 하는데
저 점선과 관련된 태그가 안보이네요ㅠ
아예 메뉴창 하나가 통째로 사라지거나 해버려서;ㅅ;
언제나 친절히 답변해 주시는 분들께 정말 감사드립니다.
댓글 전체
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;이 점선입니다
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 />
<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> 부분이 아직 가운데로 안오네여ㅠㅠㅠ
근데 저 아래쪽 <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를 지우시던지 가로 세로 보더값을 지우시던지 하면 될것 같네요
.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로 바꾸는게 아니라 아예 지워버려야 하나요? 여러번 번거롭게 죄송합니다ㅜ
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} 이렇게 넣어주셔도 될겁니다
그리고 border-right,border-left도 지우시면 됩니다.
정 안될 경우 hr를 지워버리시고 .clearb에 padding-bottom:12px;border-bottom:1px solid #e5e5e5;margin-bottom:12px} 이렇게 넣어주셔도 될겁니다
마지막까지 친절한 답변 정말 감사했습니다!!
ㅠㅠㅠㅠㅠㅠㅠㅠ복받으세요!!!ㅜㅜㅜㅜ
ㅠㅠㅠㅠㅠㅠㅠㅠ복받으세요!!!ㅜㅜㅜㅜ
새벽비님 정말 친절하게 답변해 주셨네요...