[求助]一个关于.swf对象的网页布局问题
May 19th, 2009
这个问题是:如何把一个swf视频在浏览器中上下左右都居中
情况是,一个960*540的swf视频,放在一个网页里面,要求在网页的中央位置,水平居中还好办,垂直居中怎么也搞不定。要求在不同分辨率,不同浏览器下效果相同或者差不多。请达人指条路吧,css,表格,什么 都行。
另外,顺便求教如何把这个视频用一个像素宽度勾个框,谢谢。
这个问题是:如何把一个swf视频在浏览器中上下左右都居中
情况是,一个960*540的swf视频,放在一个网页里面,要求在网页的中央位置,水平居中还好办,垂直居中怎么也搞不定。要求在不同分辨率,不同浏览器下效果相同或者差不多。请达人指条路吧,css,表格,什么 都行。
另外,顺便求教如何把这个视频用一个像素宽度勾个框,谢谢。
Additional comments powered by BackType
最简单的办法就是 table. http://tinypaste.com/b205c
@dofy
果然…看来table也并非一无是处,有时候会比div+css强很多阿
body{
background:black;
color:white;
padding:5;margin:0;
}
p{
border: 0;padding:0;margin:0;
}
div{
padding:0;margin:0;
}
#holder{
width:100%;
height:100%;
border:0px solid #fff;
}
div.container{}
div#holder{display: table;height: 100%;border-collapse: collapse}
div#holder>div{display: table-row}
div#holder>div>div{display: table-cell;vertical-align: middle;text-align: center;}
呃。。。贴不上去
高手如云啊。。。
厄…纯学习…
* { margin:0; padding:0;}
#wh { position:absolute; top:50%; left:50%; margin-top:-480px; margin-left:-270px; border:1px solid #000;}
Flash放在id为wh的div里面.
发不了?
这个问题也一直困扰我。最近帮朋友做个flash,片头动画,也得放置在网页居中。
搭车求助。
帮weeker测试 #1
FAIL (the browser should render some flash content, not this).
外层DIV的margin-left=-width/2px,margin-top:-height/2px;
<div style="position:absolute;top:50%;left:50%;margin:-250px 0 0 -250px;border:1px solid #000;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="500" height="500">
<param name="movie" value="http://www.docin.com/DocinViewer-21950147-144.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<!–[if !IE]> <–>
<object data="http://www.docin.com/DocinViewer-21950147-144.swf"
width="500" height="500" type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<param name="pluginurl" value="http://www.adobe.com/go/getflashplayer">
FAIL (the browser should render some flash content, not this).
</object>
<!–> <![endif]–>
</object>
</div>
直接显示HTML?
document.getElementById(“thecomments”).setAttribute(“testjavascript”, “true”);
这个评论竟然支持HTML和CSS。这就有可能让用户创建一个遮盖整个页面的黑色层(我在我的BLOG试过了)。有空改下代码!
代码好有趣!
不知道