소스코드질문이요
관련링크
본문
메인페이지 BRAND 버튼 위에 마우스오버시
크롬에서는 딱 중간에 출력되는데
익스에서는 오른쪽으로 한참치우쳐져 노출됩니다
소스코드에 문제가있는거같은데
한번봐주시면 감사하겠습니다
<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 style="width:990px; margin:0 auto;z-index:10;position:absolute;">
<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>
<!-- 브랜드 레이어// -->
</div>
답변 3
익스 버젼 별로 아마 다르게 보이시는거 같네요.
익스 11에서는 정상적으로 보입니다.
아마 아래 부분에서 id="allbrand" 감싸고 있는 div 는 굳이 없어도 될거 같습니다.
저 div style 지우고 한번 확인해 보세요.
익스 버젼 별로 아마 다르게 보이시는거 같네요.
익스 11에서는 정상적으로 보입니다.
아마 아래 부분에서 id="allbrand" 감싸고 있는 div 는 굳이 없어도 될거 같습니다.
저 div style 지우고 한번 확인해 보세요.
<div style="clear:both; width:990px;text-align:center;z-index:10;position:relative;">
<div style="width:990px; margin:0 auto;z-index:10;position:absolute;">
<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;">
다시한번 확인부탁드립니다
<div style="width:990px; margin:0 auto;z-index:10;position:absolute;">
2번째 div 지웠더니 화면위를 덮어서나오는게아니라 밀어내고있습니다...
해당 사이트 페이지주소좀 알려주실수 있나요?
크로스브라우징은 보면서 해야지 편해서리.
링크요!
<!-- 브랜드 레이어 --> |
11 | <div style="clear:both; width:990px;text-align:center;z-index:10;position:relative;"> |
12 | <div style="width:990px; margin:0 auto;z-index:10;position:absolute;"> |
빨간거 삭제하세요.
그럼 끝
익스 5 6 7 (7이하)에서 터지긴헌데.. 7이하쓰는사람이 좀 드물긴 하던데...
글고 식냥이님 말씀대로 불필요하게 이중으로 되어있긴해요. 내부에서 재가공하실게 아니라면야 굳이 동사이즈로 이중으로 싸실 필요는 없긴해요.
다시한번 확인부탁드립니다
<div style="width:990px; margin:0 auto;z-index:10;position:absolute;">
2번째 div 지웠더니 화면위를 덮어서나오는게아니라 밀어내고있습니다...
