불여우에서 css 적용이 제대로 안 됩니다.
불여우에서 http://www.englishsoup.com/gnu/gblog.index.php 을 보면 상단 네비게이션 윗부분이 떠 있습니다.
#navigation {
background:#fafafa;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
margin:0 auto;
width:1000px;
height:40px;
list-style:none;
}
#navigation li {
border-left:1px solid #999;
float:left;
width:124px;
list-style:none;
}
#navigation a {
color:#555;
display:block;
line-height:40px;
text-align:center;
}
#navigation a:hover {
background:#e3e3e3;
color:#555;
}
#navigation .active {
background:#e3e3e3;
color:#777;
}
background:#fafafa;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
margin:0 auto;
width:1000px;
height:40px;
list-style:none;
}
#navigation li {
border-left:1px solid #999;
float:left;
width:124px;
list-style:none;
}
#navigation a {
color:#555;
display:block;
line-height:40px;
text-align:center;
}
#navigation a:hover {
background:#e3e3e3;
color:#555;
}
#navigation .active {
background:#e3e3e3;
color:#777;
}
원래 height는 50px였는데, 불여우에서는 처음부터 붕 떠 있더군요. 도와 주시면 정말 감사하겠습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 1개
네비게이션과 기준 div의 높이가 다른걸로 보이네요.
혹시 폰트 문제 일 수도 있습니다.
폰트를 %가 아닌 높이보다 적은 숫자로 지정해주는 방법도 있구요...
div 속성을 overflow:hidden 으로 주는 방법도 있긴한데 어느것이 정확한 해결이 될지는 모르겠군요