채택완료

웹표준 문의

 

메인페이지 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 포인트

확신은 없습니다만 allbrand div의 style에 position:absolute; 하나 추가해보세요.. 

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