파이어폭스 relative문제요 ㅠㅠ 질문드려요 정보
파이어폭스 relative문제요 ㅠㅠ 질문드려요본문
<tr>
<td height="800" width="1" >
<div class="wrap">
<IFRAME src="about:blank"
frameborder="0"
scrolling="auto"
allowtransparency="true"
position= "relative"
name="contents" id="contents"></IFRAME>
</div>
</td>
<td width="100%">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="100%" height="100%" id="point_o03" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="fla/main.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#cdcfd2" />
<param name="wmode" value="opaque" />
<embed src="fla/main.swf" quality="high" scale="noscale" bgcolor="#cdcfd2" width="100%" height="100%" name="point_o03" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" wmode="opaque" pluginspage="" />
</object></td>
</tr>
</table>
위와같은소스인데요 클래스 box안에 클래스wrap가 상대값으로 먹게 했는데요
자구 파이어폭스에서 절대값으로 나오네요 테이블안에 div가 들어가서그런지 다른 브라우저에서는
모두 잘나 오는데 파이어폭스에서만 자구 절대값으로 나옵니다.
box의 스타일은
.box {width:100%; height:100%; position: relative; }
이렇게 주었습니다.
모가 문제인지 모르겠네요 ㅠㅠ
댓글 전체
.wrap {position:absolute; top:0; left:0;} 이면 .box 테이블 안에서 위치값이 제어되어야 맞는것인데...
현제 이렇게 작성했으며
.wrap {
z-index:5;
width: 934px;
height: 500px; position: absolute;
top: 50%;
left: 50%;
margin: -250 0 0 -475;}
이런식으로 정중앙오게 했거던요 근데 안되요 크롬 사파리 오페라 익스 다되는데 파이어폭스만
절대값으로 잡히네요 휴~
<table class="box" >
...
</table>
<div style="clear:both;" ></div>
</div>
기억이 가물가물하네요.
