플래시위 div 문제
주인님
아래 이미지 처럼 빨간테두리 박스가 오른쪽 하단 경계지점으로 내려가야하는데..위에 걸쳐져 있네요..
예전엔 잘올라간것같은데..갑자기 안되네요..
position:absolute를 넣으면 겹치지긴 합니다만 왼쪽정렬 고정이 되어버려서 text-align:right를 넣어도
안먹더라고요..추가할점이나 수정될점있으면 댓글좀 부탁합니다.
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
style type=text/css
#bn {float:right; margin-top:170px; width:550px; height:30px; z-index:1; border:1px solid #C00;}
/style
/head
body
table width=900 border=0 align=center cellpadding=0 cellspacing=0
tr
td bordercolor=#999999
div id=bn
table width=540 border=0 cellspacing=0 cellpadding=0
tr
tdimg src=http://blogimgs.naver.com/section/sidebar/img_top_blogtips.gif //td
td width=83 valign=topimg src=http://blogimgs.naver.com/section/sidebar/btn_tips_ques.gif border=0 //a/td
td width=83 valign=topimg src=http://blogimgs.naver.com/section/sidebar/btn_tips_ques.gif border=0 //a/td
td width=83 valign=topimg src=http://blogimgs.naver.com/section/sidebar/btn_tips_ques.gif border=0 //a/td
/tr
/table
/div
object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 width=500 height=200
param name=movie value=test.swf
param name=quality value=high
param name=wmode value=transparent
embed src=test.swf wmode=transparent quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=500 height=200/embed
/object
/td
/tr
/table
/body
/html
-
날애 2025-04-29
position 이 있어야 위치를 잡을 수 있을겁니다. 만약 position 을 쓰기 싫으시다면
div id=\bn\ 영역을 빼서 table 밖으로 두시고
#bn {margin-top:-30px; margin-left:520px; width:550px; height:30px; z-index:1; border:1px solid #C00;}
이렇게 할 수도 있습니다. -
돋되다 2025-04-29
플래시위에 얹으시려는건 컨텐츠를 겹치시려는것이까, absolute를 사용하시는게 일반적입니다. relative와 같이 써주면 위치가 튈리도 없겠구요.
float와 음수마진으로 땡기는것 보단 차라리 absolute가 더 안정적으로 구성될것 같습니다. -
흰두루 2025-04-29
테이블에 style=\position:relative; 없이
position:absolute; margin-top:170px; width:550px; height:30px; z-index:1; right:170px; border:1px solid #C00;
추가하면 겹쳐져서 아래 오른쪽으로 이동은 잘됩니다..만...궂이 position:absolute;가 꼭 들어가야하는지 모르겠네요.. -
그루터기 2025-04-29
테이블에 style=\position:relative;\ 추가 후
#bn {position:absolute; width:550px; height:30px; z-index:1; border:1px solid #C00; right:0px; bottom:0px;}
이렇게 해보시는건 어떠세요?