메인페이지 BRAND 버튼 위에 마우스오버시
크롬에서는 딱 중간에 출력되는데
익스에서는 오른쪽으로 한참치우쳐져 노출됩니다
소스코드에 문제가있는거같은데
한번봐주시면 감사하겠습니다
익스7인데 해당테이블이 화면을 덮어서 나와야하는데 밀어내면서 출력합니다
크롬은 정상입니다.
링크확인바랍니다
Copy
<div id="top_cate" style="width:{_cfg['shopSize']}px;"> <!-- 카테고리 메뉴 시작 --> <!-- 관련 세부소스는 '기타/추가페이지(proc) > 카테고리메뉴- menuCategory.htm' 안에 있습니다 --> { # menuCategory } <!-- 카테고리 메뉴 끝 --> <div id="top_navi"> <p class="brand"><a href="../goods/goods_grp_03.php?&" class="catenavi">베스트100</a></p> <p class="event" onmouseover="allbrand.style.display='block';this.src='../../img/common/ct_on_07.gif'" onmouseout="allbrand.style.display='none';this.src='../../img/common/ct_07.gif'" ><a class="catenavi">BRAND</a></p> </div><!-- 브랜드 레이어 --> <div style="clear:both; width:990px;text-align:center;z-index:10;position:relative;"> <div id="allbrand" style="z-index:10;width:982; border:4px solid #ED1C24; height:300px; top:0; left:0; background:#ffffff; display:none;" onmouseover="this.style.display='block';" onmouseout="this.style.display='none';" > <div style="width:982px; height:250px; text-align:center;"> <div style="width:99%; margin:0 auto; height:30px; line-height:30px; font-weight:bold; color:#333333; padding:10px 0 0 0;">
<table cellpadding="0" cellspacing="0" border="0" height="99%"><tr><td height="35"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td class="brand_title" width="85">BRAND</td> <td><img src="/shop/data/skin/freemart/img/main/brand_dot.jpg"></td> <td width="716"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td class="brand_list"><a href="javascript:getBrand('A');">A</a></td> <td class="brand_list"><a href="javascript:getBrand('B');">B</a></td> <td class="brand_list"><a href="javascript:getBrand('C');">C</a></td> <td class="brand_list"><a href="javascript:getBrand('D');">D</a></td> <td class="brand_list"><a href="javascript:getBrand('E');">E</a></td> <td class="brand_list"><a href="javascript:getBrand('F');">F</a></td> <td class="brand_list"><a href="javascript:getBrand('G');">G</a></td> <td class="brand_list"><a href="javascript:getBrand('H');">H</a></td> <td class="brand_list"><a href="javascript:getBrand('I');">I</a></td> <td class="brand_list"><a href="javascript:getBrand('J');">J</a></td> <td class="brand_list"><a href="javascript:getBrand('K');">K</a></td> <td class="brand_list"><a href="javascript:getBrand('L');">L</a></td> <td class="brand_list"><a href="javascript:getBrand('M');">M</a></td> <td class="brand_list"><a href="javascript:getBrand('N');">N</a></td> <td class="brand_list"><a href="javascript:getBrand('O');">O</a></td> <td class="brand_list"><a href="javascript:getBrand('P');">P</a></td> <td class="brand_list"><a href="javascript:getBrand('Q');">Q</a></td> <td class="brand_list"><a href="javascript:getBrand('R');">R</a></td> <td class="brand_list"><a href="javascript:getBrand('S');">S</a></td> <td class="brand_list"><a href="javascript:getBrand('T');">T</a></td> <td class="brand_list"><a href="javascript:getBrand('U');">U</a></td> <td class="brand_list"><a href="javascript:getBrand('V');">V</a></td> <td class="brand_list"><a href="javascript:getBrand('W');">W</a></td> <td class="brand_list"><a href="javascript:getBrand('X');">X</a></td> <td class="brand_list"><a href="javascript:getBrand('Y');">Y</a></td> <td class="brand_list"><a href="javascript:getBrand('Z);">Z</a></td>
</tr> </table> </td> <td><img src="/shop/data/skin/freemart/img/main/brand_dot.jpg"></td> <td class="brand_list"><a href="javascript:getBrand('ETC');">0~9</a></td> <td width="80" style="padding-left:14px"><a href="javascript:getBrand('ALL');"><img src="/shop/data/skin/freemart/img/main/brand_btn_off.gif" onmouseover="this.src='/shop/data/skin/freemart/img/main/brand_btn_on.gif'" onmouseout="this.src='/shop/data/skin/freemart/img/main/brand_btn_off.gif'"></a></td> </tr> </table>
</td> <tr><td height="2px"><img src="/shop/data/skin/freemart/img/main/brand_dot01.gif"></td></tr></tr> </table> </div> </div> </div> </div> <!-- 브랜드 레이어// -->
</div>
답변 1개
채택된 답변
+20 포인트
11년 전
확신은 없습니다만 allbrand div의 style에 position:absolute; 하나 추가해보세요..
답변을 작성하려면 로그인이 필요합니다.