オブジェクト/ビデオの背後にdiv背景を保持する方法

私はyoutubeビデオを持っている単純なdivを作成し、次に右にテキストを書きたいと思います。しかし、スタイルを設定するときに、div背景はビデオオブジェクトではなくテキストにのみ適用されます。すべてのポインタ？以下オブジェクト/ビデオの背後にdiv背景を保持する方法

コード -

HTML

<body> 

<h1>PEACE TODAY</h1> 

<div id="video"> 

<object id="youtube" type="application/x-shockwave-flash" style="width:540px; height:300px;" data="http://www.youtube.com/v/VS4KoApcZHU&feature=relmfu"> 
</object> 

<p> This is a youtube video </p> 

</div> 

</body>

CSS -

body { 
    background-color: #B7DBFF; 
    color: #006; 
    font-family:Verdana, Geneva, sans-serif; 
    margin:10%; 
} 

#video { 
    background-color:#FFFFFF; 
    padding:3%; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
} 

#youtube { 
    clear:left; 
    float:left; 
}

出典

2012-03-06 Matt Murphy

内だに自分自身を調整するoverflow: hidden; –

のdivにfloat: right;またはfloat: left;を追加します。

#video { 
    background-color:#FFFFFF; 
    float: right; 
    padding:3%; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
}

出典

2012-03-06 13:14:01 lvil

追加divの

#video { 
    background-color:#FFFFFF; 
    padding:3%; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
    overflow: hidden; 
}

ので、「div要素は」これはhttp://newmedia.leeds.ac.uk/ug10/cs10mm/youtube.htmlで見ることができるもの

出典

2012-03-06 13:18:27 MCSI

オブジェクト/ビデオの背後にdiv背景を保持する方法

答えて

関連する問題