[求助]一个关于.swf对象的网页布局问题

blacktulip 16 comments 本站相关

May 19

这个问题是：如何把一个swf视频在浏览器中上下左右都居中

情况是，一个960*540的swf视频，放在一个网页里面，要求在网页的中央位置，水平居中还好办，垂直居中怎么也搞不定。要求在不同分辨率，不同浏览器下效果相同或者差不多。请达人指条路吧，css，表格，什么 都行。

另外，顺便求教如何把这个视频用一个像素宽度勾个框，谢谢。

16 comments

  1. dofy / 2009/05/19

    最简单的办法就是 table. http://tinypaste.com/b205c

    Reply
  2. blacktulip / 2009/05/19

    @dofy
    果然…看来table也并非一无是处,有时候会比div+css强很多阿

    Reply
  3. retard / 2009/05/19

    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;}

    Reply
  4. retard / 2009/05/19

    呃。。。贴不上去

    Reply
  5. 淘宝 / 2009/05/20

    高手如云啊。。。

    Reply
  6. Yacca / 2009/05/20

    厄…纯学习…

    Reply
  7. 为所想 / 2009/05/23

    * { 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里面.

    Reply
  8. 为所想 / 2009/05/23

    发不了?

    Reply
  9. v2 / 2009/05/25

    这个问题也一直困扰我。最近帮朋友做个flash，片头动画，也得放置在网页居中。

    搭车求助。

    Reply
  10. LEMONed / 2009/05/31

    帮weeker测试 #1

    Reply
  11. Cykit / 2009/06/01

    FAIL (the browser should render some flash content, not this).

    外层DIV的margin-left=-width/2px,margin-top:-height/2px;

    Reply
  12. Cykit / 2009/06/01

    <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?

    Reply
  13. Cykit / 2009/06/01

    document.getElementById(“thecomments”).setAttribute(“testjavascript”, “true”);

    Reply
  14. Cykit / 2009/06/01

    这个评论竟然支持HTML和CSS。这就有可能让用户创建一个遮盖整个页面的黑色层（我在我的BLOG试过了）。有空改下代码！

    Reply
  15. 购书网 / 2009/06/02

    代码好有趣！

    Reply
  16. 雪深 / 2009/06/04

    不知道

    Reply

Leave a Reply