크롬 IE 여백문제
메뉴는 li 로만들고.. 확인해보니
크롬에서 저렇게 좀 벌어지네요..
뭐가문제일까요??
css부분
.a {padding:8px 0px 8px 15px;
border-top:1px solid gray;
border-right:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
list-style:none;
background:#f6f6f6;
}
.b {background:url(../images/bu.png) no-repeat 8% 12px;
}
#leftbox1 { float:left;
margin:0px;
width:100%;
height:100px;
border:1px solid #eeeeee;}
#leftbox1 ul{list-style:none;
padding:0px;
margin:0px;}
#leftbox1 li{
text-align:left;
padding:8px 0px 0px 11%;}
#left ul li a {
font-family:dotum;
font-size:12px;
letter-spacing:-1px;
color:#474747;}
html부분
<div id="leftbox1">
<ul>
<div class="a"><img src="<?=$g4['path']?>/images/ico_n.png"></div>
<li class="b"><a href="<?=$g4['path']?>/bbs/board.php?bo_table=notice">공지사항</a></li>
<li class="b"><a href="<?=$g4['path']?>/bbs/board.php?bo_table=qnk">질문/건의</a></li>
<li class="b"><a href="<?=$g4['path']?>/bbs/board.php?bo_table=jq">자주묻는질문</a></li>
<ul>
</div>
http://jdschool.kr
크롬에서 저렇게 좀 벌어지네요..
뭐가문제일까요??
css부분
.a {padding:8px 0px 8px 15px;
border-top:1px solid gray;
border-right:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
list-style:none;
background:#f6f6f6;
}
.b {background:url(../images/bu.png) no-repeat 8% 12px;
}
#leftbox1 { float:left;
margin:0px;
width:100%;
height:100px;
border:1px solid #eeeeee;}
#leftbox1 ul{list-style:none;
padding:0px;
margin:0px;}
#leftbox1 li{
text-align:left;
padding:8px 0px 0px 11%;}
#left ul li a {
font-family:dotum;
font-size:12px;
letter-spacing:-1px;
color:#474747;}
html부분
<div id="leftbox1">
<ul>
<div class="a"><img src="<?=$g4['path']?>/images/ico_n.png"></div>
<li class="b"><a href="<?=$g4['path']?>/bbs/board.php?bo_table=notice">공지사항</a></li>
<li class="b"><a href="<?=$g4['path']?>/bbs/board.php?bo_table=qnk">질문/건의</a></li>
<li class="b"><a href="<?=$g4['path']?>/bbs/board.php?bo_table=jq">자주묻는질문</a></li>
<ul>
</div>
http://jdschool.kr
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 3개
http://html.nhndesign.com/uio_factory/ui_pattern/list/8
body, td, p, input, button, textarea, select, .c1 {
font-family:Tahoma,굴림; font-size:9pt; color:#222222;
}
.title1 { padding:8px 0px 8px 15px;
border-top:1px solid gray;
border-right:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
list-style:none;
background:#f6f6f6;
}
/* UI Object */
.lst_devreg {padding:0px;margin:10px 0 0 20px;list-style:none;}
.lst_devreg li {padding-left:8px;background:url(./images/bu.png) no-repeat 0 8px;color:#666;line-height:20px}
.lst_devreg li a {color:#666;text-decoration:none;}
.lst_devreg li a:hover {color:#f00;text-decoration:none;}
/* //UI Object */
</style>
<div class="title1"><img src="./images/ico_n.png"></div>
<ul class="lst_devreg">
<li><a href="<?=$g4['path']?>/bbs/board.php?bo_table=0101">공지사항</a></li>
<li><a href="<?=$g4['path']?>/bbs/board.php?bo_table=0101">질문/건의</a></li>
<li><a href="<?=$g4['path']?>/bbs/board.php?bo_table=0101">자주묻는질문</a></li>
</ul>