Home > 本站相关 > [求助]一个关于.swf对象的网页布局问题

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

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

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

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

, ,

1 Tweet

  1. May 19th, 2009 at 13:28 | #1

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

  2. May 19th, 2009 at 13:59 | #2

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

  3. May 19th, 2009 at 15:54 | #3

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

  4. May 19th, 2009 at 15:55 | #4

    呃。。。贴不上去

  5. May 20th, 2009 at 04:04 | #5

    高手如云啊。。。

  6. May 20th, 2009 at 05:02 | #6

    厄…纯学习…

  7. 为所想
    May 23rd, 2009 at 03:55 | #7

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

  8. 为所想
    May 23rd, 2009 at 03:56 | #8

    发不了?

  9. May 25th, 2009 at 17:06 | #9

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

    搭车求助。

  10. May 31st, 2009 at 15:18 | #10

    帮weeker测试 #1

  11. June 1st, 2009 at 16:32 | #11

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

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

  12. June 1st, 2009 at 16:35 | #12

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

  13. June 1st, 2009 at 16:37 | #13

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

  14. June 1st, 2009 at 16:48 | #14

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

  15. June 2nd, 2009 at 08:42 | #15

    代码好有趣!

  16. June 4th, 2009 at 10:00 | #16

    不知道

  1. No trackbacks yet.

Additional comments powered by BackType