Как сохранить div фона за объектом/видео

Я создал простой div, в котором у меня есть видео с YouTube, а затем справа я хочу написать текст. Однако при стилизации фон 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

это можно посмотреть на http://newmedia.leeds.ac.uk/ug10/cs10mm/youtube.html –

Добавить float: right; или float: left; в DIV:

#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

добавьте overflow: hidden; в DIV

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

так «ДИВ» приспосабливается к тому, что внутри

источник

2012-03-06 13:18:27 MCSI

Как сохранить div фона за объектом/видео

ответ

Смежные вопросы