divがswfより小さい場合でもdivの下にswfを揃えますか？

私は、最初に高さ29pxのdiv内に高さ270pxのswfを入れるという考えがありました。このdivはページの下部に沿って絶対的な位置に置かれ、通常の状態のswfファイルは高さが29pxになります。ユーザーがswfのいくつかの部分を上に置くと、270pxの高さになるでしょう。私はそれが起こるときのdivの高さを変更するためにいくつかのJavaスクリプトを組み込むつもりだった。しかし、私が実行している問題は、swfファイルがdivの一番下に並んでいないことです。私が<param name="salign" value="lb" />、別名左揃えを入れているにもかかわらず、常にトップに揃っているようです。 swfを小さなdivに収めることはできないのですか？そのswfを下から下へと整列させてから下から押し下げることはできますか？divがswfより小さい場合でもdivの下にswfを揃えますか？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
     <title>egnewsTicker</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <style type="text/css" media="screen"> 
     html, body { height:100%; background-color: #ffffff;} 
     body { margin:0; padding:0; overflow:hidden; } 
     #flashContent { width:100%; height:29px; vertical-align:bottom; display:inline-block;} 
     </style> 
    </head> 
    <body> 
     <div id="flashContent"> 
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="egnewsTicker" align="bottom" vertical-align="bottom"> 
       <param name="movie" value="egnewsTicker.swf" /> 
       <param name="quality" value="high" /> 
       <param name="bgcolor" value="#ffffff" /> 
       <param name="play" value="true" /> 
       <param name="loop" value="true" /> 
       <param name="wmode" value="transparent" /> 
       <param name="scale" value="noscale" /> 
       <param name="menu" value="false" /> 
       <param name="devicefont" value="false" /> 
       <param name="salign" value="lb" /> 
       <param name="allowScriptAccess" value="sameDomain" /> 
       <!--[if !IE]>--> 
       <object type="application/x-shockwave-flash" data="egnewsTicker.swf" width="100%" height="100%"> 
        <param name="movie" value="egnewsTicker.swf" /> 
        <param name="quality" value="high" /> 
        <param name="bgcolor" value="#ffffff" /> 
        <param name="play" value="true" /> 
        <param name="loop" value="true" /> 
        <param name="wmode" value="transparent" /> 
        <param name="scale" value="noscale" /> 
        <param name="menu" value="false" /> 
        <param name="devicefont" value="false" /> 
        <param name="salign" value="lb" /> 
        <param name="allowScriptAccess" value="sameDomain" /> 
       <!--<![endif]--> 
        <a href="http://www.adobe.com/go/getflash"> 
         <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> 
        </a> 
       <!--[if !IE]>--> 
       </object> 
       <!--<![endif]--> 
      </object> 
     </div> 
    </body> 
</html>

出典

2011-01-18 Ghost9

迅速かつ汚いやり方だろう次のように2番目のdivにswfをラップしてください：

<div id="hoverDiv" style="position: relative; overflow: hidden;"> 
<div id="wrapperDiv" style="position: absolute; bottom: 0px;"> 
<!-- SWF here --> 
</div> 
</div>

その後、javascriptを使って "hoverDiv"の高さを操作できます。 SWFは "hoverDiv"の下部にある "wrapperDiv"の上部に位置し、wrapperDivからのオーバーフローは隠されていなければなりません。

出典

2011-01-18 05:46:28 ebolyen

で更新されました。これは完全に機能します。これはこれまで最高のウェブサイトのようなものです。 – Ghost9

うれしい私は助けることができました！ – ebolyen

あなたのCSSでこれを試してみてください：

vertical-align:bottom;

問題が解決しない場合は、前のコードの後にこれを追加します。この問題を解決するために

display:inline-block;

出典

2011-01-18 05:17:05 blake305

には影響を与えなかったように見えます。 – Ghost9

質問を編集してコードを投稿しますか？ – blake305

はコード – Ghost9

<div id="wrapperDiv" style="text-align:bottom;border:1px solid black;display:inline-block"> 
<!-- text goes here --> 
</div>

出典

2011-01-18 18:19:37 blake305

divがswfより小さい場合でもdivの下にswfを揃えますか？

答えて

関連する問題