묻고답하기
드롭다운메뉴가 익스플로러에서 안되네요.. 왜인지 잘 모르겠네요..
2014.06.10 14:17
익스플로러의 문제라기보다 코드에 뭔가 허점이 있는거 같은데....
크롬에서는 되도 익스플로러에서 안되는것은 뭔가 빠진 것이 있어서 일까요...?
부탁드립니다 __) 도와주세요
<div class="hidden-xs col-lg-8 col-md-8 col-sm-8 col-xs-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-xs-offset-0" style="margin-bottom:30px;">
<ul class="nav nav-pills nav-justified">
<block loop="$main_menu->list=>$key1,$val1" cond="$val1['text']">
<!--@if($val1['link']!="||||")-->
<li class="<!--@if($val1['list'])-->dropdown <!--@end--><!--@if($val1['selected'])-->active<!--@end-->"|cond="$val1['list'] || $val1['selected']">
<a href="{$val1['href']}"<!--@if($val1['list'])--> class="dropdown-toggle" data-toggle="dropdown" <!--@end--> target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}<!--@if($val1['list'])--> <span class="caret"></span><!--@end--></a>
<ul cond="$val1['list']" class="dropdown-menu">
<block loop="$val1['list']=>$key2,$val2" cond="$val2['link']">
<!--@if(strpos($val2['href'],'dropdown-header')!== false)-->
<li class="dropdown-header">{$val2['link']}</li>
<!--@elseif($val2['link']!="----")-->
<li class="<!--@if($val2['list'])-->dropdown-submenu <!--@end--><!--@if($val2['selected'])-->active<!--@end-->"|cond="$val2['list'] || $val2['selected']">
<a tabindex="-1" href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
</li>
<!--@else-->
<li class="divider"></li>
<!--@end-->
</block>
</ul>
</li>
<!--@else-->
<li class="divider"></li>
<!--@end-->
</block>
</ul>
</div>
댓글 18
-
아 맞다 그렇네요 감사합니다!
익스플로러에서 드롭다운박스가 안내려옵니다 ;ㅅ; j query 문제인가요? 그냥 레이아웃html에서
<script type="text/javascript" src="src/js/jquery-2.1.1.min.js">
</script> 로 걸어놓기만 했는데...
-
css 문제인데요.
레이아웃 안의 demo.css를 여신 다음
170라인의
.bs3-wrap .open>.dropdown-menu{display:flex}
이 부분을
.bs3-wrap .open .dropdown-menu{display:flex} 으로 한번 수정해 보십시오.
그래도 아마 ie6은 안먹혀도 7이상으로는 먹힐겁니다.
-
헐 그런 생각은 하지도 못핬눈데
도리웹님 감사합니다 ㅠ...덕택에 배워갑니다! -
에구 제가 실수를
flex 라는게 ie9 이상에서만 지원이 되더군요.
아마 전체 css를 수정하셔야 ie에서 원만하게 문제 해결이 될거 같습니다.
-
허헐 그런거군요 저는 전혀 몰랐습니다 오........배워갑니다 ;ㅅ;
그럼 혹시 메뉴 가로로 배열하는 다른 방법좀 얻을 수 있을까요?? 저는 flex로 하는거 말고는 모르거든요...ㅠㅠ;;;;
-
저도 메탈님 덕분에 flex라는걸 처음 알았습니다.
ie8 이하에도 지원이 되면 참 편할거 같다는 생각이...
지금으로서는 ie 하위버전에서도 무난하게 사용하려면
display:block 처리하시고요 그럼 하위 메뉴가 가로 배열이 안되니까
li쪽은 float:left 처리해 보세요.
-
헐 이렇게 쉬운 방법이 있었군요 ㅠㅠ;;; 감사합니다
-
DoorWeb님 혹시 j query 좌표설정하는 법 아시나요?.? 지금은 그저 누르면 바로 밑에 수직으로 메뉴가 뜨자나요~~? 그걸 딱 정해진 공간에 수평으로 뜨게 하고 싶은 생각이 잠자다가 불현듯 번쩍!!!
요로코롬 메뉴 딱 누르면 밑에줄에(지금은 검색바가 있지만) 가지런하게 왼쪽정렬로 뜨게 해보고 싶은데 말이죠..!!
제이쿼리 문서형식은 아직 알아보는 법 조차 몰라서 ㅠ_ㅜ... ;;;
-
안타깝게도 css를 다 뒤집으셔야 합니다.
-
음...검색바 아래로 밀어내고 공간마련하는거나 그런건 할수있는데...
그냥 출력되는 것이 링크버튼 바로 밑이 아니라 특정위치에 지정하는 것만으로도 힘든일인가요?;ㅅ;))
(기작을 몰라서 짐작으로만 묻네요)
-
일단 위 작업이 가능하기 위해서는 조건이 몇개 있어야 하는데 지금 잡아둔 css는 거기에서 많이 어긋납니다.
1차 메뉴의 li가 position:relative 속성이 없어야 하는데 지금은 이것도 걸려 있지만 display: table-cell; 이 되어 있어서 li를 td 비슷하게 사용한다는 부분이라...
자주 사용 안하는 css를 접목시키지 말고 자주 사용하는 css를 사용해서 한번 만들어 보세요.
일반 사용자들이 자주 사용하는 css라는게 그마큼 편해서 입니다.
-
아 그래서 css를 고쳐야한다고 말하셨던 거군요 ;ㅅ;
지금의 제 수준으로 도달할 수 없는 영역이네요 o<-<
하지만 이런저런 경험을 하다보면 실력도 늘어나겠죠 'ㅂ' 감사합니다!!
-
처음엔 그냥 만들어둔 형태로 사용하는게 속 편하실겁니다.
아니면 이사이트 저 사이트 보시다가 원하는 형태에 가까운걸 분해해 보는것도 추천해 드리고요.
다들 그렇게 배워가니까요...
파이팅!!!
-
아 원래 이렇게 배우는 것이었군요 제가 head랑 body도 모르는 사람인데 지식이 쑥쑥 늘어나네요 ^.^
아맞다 덕택에 메뉴 수평으로 하는것도 이런게 있구나 하고 배울기회를 얻었네요 ㅎㅎ 오늘 많이 얻어갑니다
-
http://naradesign.net/wp/2010/03/11/1216/
이쪽 메뉴를 보셔도 되고요.
정찬명님이라고 웹표준쪽에서는 선두주자니까 이분이 하신걸 따라하시면 많이 도움이 될겁니다.
-
와... 사이트 좋네요 무슨말인지 몰라서 예시못보면 안되서 .. 예시찾기가 너무 힘들었는데 -_ㅠ 사이트 잘 보겟습니다
-
혹시 조언을 좀 얻을 수 있을까 해서 글 드립니다..
도르웹님 덕택에 제 사이트에 메뉴판을 원하는 대로 지정할 수 있게 되었어요 ^ ^ㅋ
익스플로러에서도 잘 되는지 테스트하는중에 궁금해서 그런데..
제 사이트에 메뉴판을 불러올 땐 좀 늦더라구요.. 처음에 표 모양으로 찍혀나오다가 지정된 css가 입혀지는? 로딩되는 시간..?? 특히 익스플로러에서 더 늦어지는게 보이더라구요 ..........
왜 그런진 모르겠지만 제가 만든건 항상 이런 모습이 있어서 ㅠ.ㅠ 혹시 이런것도 해결법이 있는지 궁금해서요..
*캡쳐해서 보여드리고 싶지만 ㅠ.ㅠ 아니이게 캡쳐를 하면 멀쩡하게 나오는데 지연되는 것을 직접 보셔야할거같아요 ㅠㅠ;;; cococob.com 크롬에서도 가끔 그렇지만 익스플로러에서는 확실히 지연이 보여요,,
링크를 걸어 두셔야 답변이 빨리 달립니다.