0

更新履歴の枠に背景画像を使ってその中にインラインフレームを埋め込みたいのですが、うまく設置できません。 ホームページを作成していて、更新履歴（添付画像ではNews & Topics)の枠を1枚の背景画像を使い、その中にインラインフレームを埋め込みたいと思っています。

角丸画像の「News & Topics」と書いている上部スペースが２５ｐｘあるため、padding-topを少し多めの３０pxに設定して、角丸の下のスペースにインラインフレームを配置したいと思っており、IE上ではちゃんの下部にインラインフレームが配置されるのですが、safari,Firefoxでは添付画像のように少し上にずれこんでしまいます。

また、インラインフレームの枠線を消すために frameborder="none" と記載して、IE,safariでは枠線は消えたのですが、Firefox上では添付画像のように枠線が表示されてしまいます。

以上、
①インラインフレームを適切な位置に配置する
②インラインフレームの枠線を確実に消す

の２点について、どのように設定すればよいのか、ご回答よろしくお願い致します。


尚、CSS,HTMLはそれぞれ以下の通りです。念のため、「News & Topics」を入れている「contents」部分も記載させて頂きます。



～ＣＳＳ～

#contents{
width:550px;
height:auto;
float:left;
margin : 10px 0px 0px 20px;
padding-top: 5px;
padding-left:10px;
padding-bottom:10px;
background-color : #f5f5f5;
}


#news {
width:450px;
height:95px;
background:url(image/news.png) no-repeat;
background-position:left;
padding-top:30px;
padding-left:1px;
margin-top:30px;
}


～ＨＴＭＬ～

<div id="contents">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0" width="530px" height="400px">
<param name="MOVIE" value="flash/スポーツドックflash2.swf">
<param name="PLAY" value="true">
<param name="LOOP" value="true">
<param name="QUALITY" value="high">
<param name="WMODE" value="transparent">
<embed src="flash/スポーツドックflash2.swf" width="530px" height="400px" wmode="transparent" type="application/x-shockwave-flash"></object><br>

<div id="news">
<iframe src="kousin.html" height="50px" width="446px" frameborder="none" align="center" ></iframe>
</div>
</div>

質問者が選んだベストソリューション

Yahoo!知恵袋 5192日前