수다닷컴

익스플로러 10과 7버전으로 보았을 때는 메뉴 부분이 사진과 같이 정상으로 보이는데,
유독 8버전과 9버전으로 볼때는 저렇게 탑부분을 지나쳐 메인 영역에서 패딩값이 적용되네요.ㅜㅜ

코딩 초보인지라 선배님들의 조언좀 부탁 드립니다./* top div위치조절 */
#top_total{margin:0 auto; width:100%; height:120px;}
#top_seboo{margin:0 auto; width:1000px; height:120px; background-image:url(../images/topbg-1.png); background-position:right top; background-repeat:no-repeat;}
#logo{float:left; padding:0 0 0 0; margin:61px 0 8px 20px; width:127px; height:51px;}
#login_nav{float:right; width:160px; height:15px; margin:4px 20px 0px 0px; text-align:right;}

/* MAIN MENU 위치조절 */
#top_nav{float:right; width:833px; height:34px; margin:57px 20px 0px 0px; text-align:right; padding:8px 0 0px 0}
.topmenu_nav ul{list-style-type:none; margin:0; padding:0;}
.topmenu_nav li {display:inline;}
.topmenu_nav li a{margin-right:93px; font-family:NanumGothic,나눔고딕; font-size:14px; font-weight: 600; letter-spacing:-0.9px; color:#333333; width:510px; height:15px;}
.topmenu_nav li a:hover,a:active{color:#0c4a96;}

/* 로그인, 로그아웃 */
.login_nav ul{list-style-type:none; margin:0; padding:0;}
.login_nav li {display:inline; margin:0; padding:0; text-align:right;}
.login_nav li a{padding-right:13px; font-family:나눔고딕,NanumGothic; font-size:11px; letter-spacing:-0.5px; color:#333333; text-align:right;}
.login_nav li a:hover,a:active{}

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 추가!! HTML 코드 입니다.ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

div id=top_total
div id=top_seboo
div id=logoa href=index.php target=_selfimg src=upload/images/logo.png alt=로고/a/div
div id=login_nav{# TP_LOGBTN}/div
div id=top_nav
ul class=topmenu_nav
lia href=index.php?pgurl=etc/sub_101 target=_self회사소개/a/li
lia href=index.php?pgurl=etc/sub_201 target=_self제품소개/a/li
lia href=index.php?pgurl=etc/sub_301 target=_self상담&견적/a/li
lia href=index.php?pgurl=board/bd_write&brno=23 target=_self고객센터/a/li
/ul
/div
/div
/div

신청하기