메뉴바 하위메뉴 채택완료
<style>
ul, li {margin:0; padding:0}
#menu {width:662px; height:40px;}
#menu .topmenu {float:left; }
#menu li {display:inline; position:relative;}
#menu li div {display: none;}
#menu li:hover div {display: block; position:absolute; margin-top:5px; width:500px; height:20px;}
#menu a {text-decoration:none; padding:3px 5px;}
</style>
<div id="menu">
<ul>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu01.gif" width="70" border="0" /></a></li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu02.gif" width="155" border="0"/></a>
<div>
<ul>
<li><a href="#"><img src="unique/common/image/main/menu02_1.gif" width="95" border="0"/></a></li>
<li><a href="#">Sub 22</a></li>
<li><a href="#">Sub 23</a></li>
<li><a href="#">Sub 24</a></li>
<li><a href="#">Sub 25</a></li>
<li><a href="#">Sub 24</a></li>
<li><a href="#">Sub 25</a></li>
</ul>
</div>
</li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu03.gif" width="121" height="20" border="0"/></a>
<div>
<ul>
<li><a href="#">Sub 31</a></li>
<li><a href="#">Sub 32</a></li>
</ul>
</div>
</li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu04.gif" width="117" height="20" border="0"/></a>
<div>
<ul>
<li><a href="#">Sub 31</a></li>
<li><a href="#">Sub 32</a></li>
<li><a href="#">Sub 33</a></li>
<li><a href="#">Sub 34</a></li>
</ul>
</div>
</li>
<li class="topmenu"><a href="#"><img src="unique/common/image/main/menu05.gif" width="108" height="20" border="0"/></a> </li>
</ul>
</div>
이런소스인데요 하위메뉴가 나오질 않네요 ㅠㅠ 왜그런건지 알려주세요
답변 1개
답변에 대한 댓글 5개
익스플로러로 보신다면 f12누르시면 아래에 창이하나 올라오는데 거기에서 문서모드를 표준이나 지금 사용하시는 버전으로 바꿔주시면되요.
제작툴의 미리보기는 거의다 쿼크모드로 되어 있을꺼에요 일반 브라우저에서 보는거랑 차이가 좀 많죠 ^^
보통 모든 익스플로러 창들은 다 쿼크모드로 되어있나요??
<meta http-equiv="X-UA-Compatible" content="IE=edge">
라고 최신버전을 유지하게 하는데 일부 '옛날' 사이트들이 ie=5나 쿼크를 사용하고있어요.
이제 사용자분들이 그런 사이트 들렸다가 우리 사이트에 왔는데 메타가 없어서 쿼크모드로 되어있으면 안나올 수도 있으니 소스에 메타태그를 넣어주시는게 좋겠네요 ^^
지금 작업하고있는 사이트가 옛날사이트라서 그랬나봐요
감사합니다!!!ㅎㅎㅎ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인