브라우저별 gnb의 border문제입니다. ㅠ_ㅠ;
달
제가 항상 겪고있는 고질적인 문제인데요 ;
상단 gnb(라고 하나요?;;)의 메뉴에 보통 border가 들어가는데.. FF에선 height값대로 잘 보이지만..
다른 브라우저에서는 더 길어져버리거든요.. 이걸 어떻게 해야할지 모르겠습니다.
ul의 width&height 값도 따로 지정해주고 했는데..
FF
ie6
ie8ie8까지 저렇게 나오는거보면 제가 잘못코딩한건가요??
.back ul{float:right; width:203px; height:7px; margin:14px 0 14px 0;}
.back ul img{vertical-align:top;}
.back ul li{display:inline; float:left; height:7px; padding:0 5px 0 5px;border-left:1px solid #cccccc;}
.back ul li.no{border:none;}div id=header
div class=back
h1img src=images/h1_logo.gif alt=igkorea company/h1
ul
li class=noa href=#img src=images/gnb_home.gif alt=home/a/li
lia href=#img src=images/gnb_login.gif alt=login/a/li
lia href=#img src=images/gnb_joinus.gif alt=joinus/a/li
lia href=#img src=images/gnb_sitemap.gif alt=sitemap/a/li
lia href=#img src=images/gnb_contactus.gif alt=contactus/a/li
/ul
!-- 상단 flash --
p class=flasha/p
!-- //상단 flash --
/div
/divul 박스는 오른쪽 정렬이지만 그 안의 li요소들은 왼쪽정렬되도록 코딩했습니다.
선배님들 가르쳐주세요 ㅠㅠ
-
일본드립
감사합니다.. ㅠ_ㅠ font-size:0;으로 해결했어요 ^^
-
마중물
.back ul의 height 값이 7px 고정으로 잡으신다고 하면 .back ul에 overflow:hidden;을 추가해주셔서 자르는 것도 한 방법일꺼 같네요.
그게 아니라면 font-size와 line-height의 영향도 있으니 조절하시면 될꺼 같아요.