채택완료

메뉴가 이상합니다 ㅠㅠ

2015-05-04 (월) 08:30:43 3,696

몇일전에알앗는데

ie9 에서 접속하면 이렇게 메뉴가 이렇게 된다는데...

어떻게해결방법없습니까... 

f8749081091d6a4ffabf370ed706f916_1430695686_8727.png
css

Copy
/*** TOPMENU STYLES ***/.navigation_bg { width:100%; margin:0 auto; height:73px; background:url(../images/menu_bg.gif) repeat-x;}.navigation { padding:0 0 0  0 !important; margin:0 auto !important; z-index:900; width:930px; height:73px; position:relative;}/*** ESSENTIAL STYLES ***/.sf-menu, .sf-menu * { margin:   0; padding:  0; list-style:  none;}.sf-menu { line-height: 1.0; margin:0 !important; height:72px; background:url(../images/menu_divider.gif) no-repeat left;}.sf-menu ul { position:  absolute; top:   -999em; width:   216px; /* left offset of submenus need to match (see below) */}.sf-menu ul li { width:   100%;}.sf-menu li:hover { visibility:  inherit; /* fixes IE7 'sticky bug' */}.sf-menu li { float:   left; position:  relative;}.sf-menu a { display:  block; position:  relative;}.sf-menu li:hover ul,.sf-menu li.sfHover ul { left:   0; top:   72px; /* match top ul list item height */ z-index:  99;}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top:   -999em;}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left:   215px; /* match ul width */ top:   0;}ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top:   -999em;}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { left:   10em; /* match ul width */ top:   0;}/*** DEMO SKIN ***/.sf-menu { float:   left; margin:0; padding:0}.sf-menu > li > a { padding:   0 0 0; text-align:center; text-decoration:none; font-weight:bold; font-size:12px; text-transform:none; color:#abacad; padding:30px 26px; *padding:24px 24px 23px 24px; display:inline-block; background:url(../images/menu_button_bg.jpg) no-repeat right;}.sf-menu ul a{ text-decoration:none; font-size:12px; font-weight:bold}.sf-menu a { color:   #fff;}.sf-menu li li a { color:#abacad;}.sf-menu li { background: url(../images/menu_bgs.png) no-repeat ;}.sf-menu li ul  { width:126px; background:#222222 url(../images/sub_menu_bg.jpg) no-repeat 0 0 ; padding:15px 0 10px 0;}.sf-menu li li  { width:126px; padding:0; display:block;}.sf-menu li li a { background: none !important; width:101px !important; padding:5px 5px 5px 20px !important; font-size:12px; text-transform:capitalize;}.sf-menu li li a:hover, .sf-menu ul li.last-child  a:hover, .sf-menu li li#current a{ color:#fff; }.sf-menu li li li { background:  #;}.sf-menu li:first-child, .sf-menu li.first-child { }.parent  li:first-child a, .parent  li.first-child a {}.sf-menu li:last-child, .sf-menu li.last-child {}.sf-menu li:last-child > a, .sf-menu li.last-child  a {}.sf-menu li a:hover { background:url(../images/menu_button_curent.jpg) repeat-x; color:#fff;} .sf-menu li .separator { display: block; text-decoration:none;}/*** arrows **/.sf-menu a.sf-with-ul { padding-right:  0s; min-width:  1px; /* trigger IE7 hasLayout so spans position accurately */}.sf-sub-indicator { position:  absolute; display:  block; right:   1.5em; width:   5px; height:   3px; text-indent:  -999em; overflow:  hidden;}a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:   30px; background-position: 0 0; /* use translucent arrow for modern browsers*/}/* apply hovers to modern browsers */a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator { background-position: 0px 0px; /* arrow hovers for modern browsers*/}/* point right for anchors in subs */.sf-menu ul .sf-sub-indicator { top:16px }.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }/* apply hovers to modern browsers */.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator { top:16px /* arrow hovers for modern browsers*/}/*** shadows for all but IE6 ***/.sf-shadow ul { padding: 0 8px 9px 0;}.sf-shadow ul.sf-shadow-off { background: transparent;}.sf-menu .active>a { color:#000}.sf-menu  a:hover { color:#000; }.sf-menu #current>a { color:#fff; background:url(../images/menu_button_curent.jpg) repeat-x;}.superfish_clear {  clear: both !important; height: 1px !important; overflow: hidden !important; font-size: 1px !important; margin: 0 !important; padding: 0 !important;}​

두번쨰 css입니다

Copy
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/.sf-navbar { background:  #BDD2FF; height:   2.5em; padding-bottom: 2.5em; position:  relative;}.sf-navbar li { background:  #AABDE6; position:  static;}.sf-navbar a { border-top:  none;}.sf-navbar li ul { width:   44em; /*IE6 soils itself without this*/}.sf-navbar li li { background:  #BDD2FF; position:  relative;}.sf-navbar li li ul { width:   13em;}.sf-navbar li li li { width:   100%;}.sf-navbar ul li { width:   auto; float:   left;}.sf-navbar a, .sf-navbar a:visited { border:   none;}.sf-navbar li.current { background:  #BDD2FF;}.sf-navbar li:hover,.sf-navbar li.sfHover,.sf-navbar li li.current,.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { background:  #BDD2FF;}.sf-navbar ul li:hover,.sf-navbar ul li.sfHover,ul.sf-navbar ul li:hover li,ul.sf-navbar ul li.sfHover li,.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { background:  #D1DFFF;}ul.sf-navbar li li li:hover,ul.sf-navbar li li li.sfHover,.sf-navbar li li.current li.current,.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { background:  #E6EEFF;}ul.sf-navbar .current ul,ul.sf-navbar ul li:hover ul,ul.sf-navbar ul li.sfHover ul { left:   0; top:   2.5em; /* match top ul list item height */}ul.sf-navbar .current ul ul { top:    -999em;}.sf-navbar li li.current > a { font-weight: bold;}.sf-menu li .separator { border-left: none; border-top: none;}/*** point all arrows down ***//* point right for anchors in subs */.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }/* apply hovers to modern browsers */.sf-navbar ul a:focus > .sf-sub-indicator,.sf-navbar ul a:hover > .sf-sub-indicator,.sf-navbar ul a:active > .sf-sub-indicator,.sf-navbar ul li:hover > a > .sf-sub-indicator,.sf-navbar ul li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/}/*** remove shadow on first submenu ***/.sf-navbar > li > ul { background: transparent; padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0;}​

도와주세요 ㅠㅠ

|

답변 2개

채택된 답변
+20 포인트
ie9 이지만, 호환모드(ie7)로 본건 아닌가요?
2015-07-27 (월) 20:12:10

사이트 주소를 공개하셔야 될것같슴당

답변을 작성하려면 로그인이 필요합니다.