google adsense(グーグル アドセンス)など、ブログで、CGIやスクリプトを使って表示が上手くいかない場合に使ってみて下さい。
少し無理やり感はありますが、iframeを推奨していない場合のobjectでの読み込み方法です。
問題点は、ブラウザによっての表示ずれ、スクロールバーの表示、などから使用率が低いのかもしれませんが、表示ずれも解決です。（たぶん）
用意するもの
・子ページ(外部html)
・スタイルシート
読み込みの子ページ、外部htmlの書き方
<html>
<head>
<link rel="stylesheet" href="CSSの保存先" type="text/css" media="all" />
</head>
<body>
adsenseであればここに貼り付ける
</body>
</html>
子ページに対してのスタイルシートの書き方
body{
margin:0;
padding:0;
overflow:hidden;
border:none
}
読み込みの親ページ、objectの書き方
<object type="text/html" data="子ページのhtmlの保存先URL" width="横" height="縦">この部分はobjectタグに対応しているブラウザでご覧ください。任意のコメント</object>
これで読み込みはできますが、表示のずれを直します。
親ページのスタイルシートの書き方
#AdSense {
height: 縦px;
width: 横px;
position: relative;
}
#AdSense object {
position: absolute;
left: -10px;
top: 0px;
}
親ページのobjectをdivで囲う
<div id="AdSense"><object type="text/html" data="子ページのhtmlの保存先URL" width="横" height="縦">この部分はobjectタグに対応しているブラウザでご覧ください。任意のコメント</object></div>
右にずれる表示ずれが10pxだったので、ポジションで無理やり左に10px移動させてます。
このサイトの場合、objectを10pxずらす設定をしているため、それを戻す left: -10px; です。
ブラウザ確認
IE6 ○
IE7 ○
IE8 未確認
Firefox3.5.2 ○
opera9.6.3 ○
未承認 2010年05月15日(土)17時31分 編集・削除
管理者に承認されるまで内容は表示されません。