※ ChatGPTを利用し、要約された質問です(原文:CSSのposition指定がIE7で反映されない)
CSSのposition指定がIE7で反映されない
このQ&Aのポイント
YouTubeの動画を画像の上に配置するため、CSSのposition(relative)で位置指定したところ、Firefoxでは正しく表示されるが、IE7では反映されない。
Firefoxではposition指定が正しく機能しているが、IE7では機能しないため、要因を特定する必要がある。
IE7でposition指定を使って画像の上にYouTubeの動画を配置する方法を教えていただきたい。
CSSのposition指定がIE7で反映されない
YouTubeの動画(object)を画像の上に配置するため、CSSのposition(relative)で位置指定したところ、Firefoxではちゃんと指定位置に表示されるのに、IE7ではそれが反映されません。
ソースは、
(HTML)
<object class="youtube" width="175" height="141"><param name="movie" value="http://www.youtube.com/v/7GItbyK28-U"></param><embed src="http://www.youtube.com/v/7GItbyK28-U" type="application/x-shockwave-flash" width="175" height="141"></embed></object>
(CSS)
.youtube {
position: relative;
top: -270px;
left: 499px
}
です。
Firefoxではちゃんと意図通りの位置に表示されるので、positionの使用方法は間違っていないと思うのですが・・・。
IE7でも画像の上の指定位置にYouTubeの動画(object)を表示させるには、どうすればいいでしょうか?
分かる方、どうか教えてくださいませ。
よろしくお願いします。
お礼
解決しました! <object>の方ではな<embed>の方にclass="youtube"を置いたら、IE7とFirefox両方とも全く同じ位置にYouTubeの動画(object)が表示されるようになりました! ありがとうございました!