お気に入りを追加ボタンをつけたのですが(absolute)

質問

家庭向け＞ブログで質問して回答がなかったのでコチラで質問します。

ブログでお気に入りに追加ボタンをCSSのabsolute指定で
つけたのですが、なぜか画面の一番左下に表示されてしまいます。
ブログでなく自作のホームページだとうまくいきます。

CSSは
.oki {
top:40px;
left:500px;
position:absolute;
}

htmlのbody内に追加
<div class="oki"><input type="button" value="お気に入りに追加" onclick="javascript:window.external.AddFavorite('​http://xxxxx.xxxxx.xxx/','​サイト名')" style="border-style:solid; border-width:2px; border-color:#66CCFF; background:blue; font-size:10pt; color:#ffffff" /></div>

どうして正しく表示されないのでしょうか？

回答No.1

sutead_02 · ベストアンサー

●試しに・・

.oki {
top:40px;
left:500px;
position:absolute;
}
上記のようになっているのを、下記のように構文を入れ替えてみる。

.oki {
position:absolute;
top:40px;
left:500px;
}

●下記のように直接spanまたはdivで囲んでみる

<span style="position:absolute; top:40px; left:500px;">
<input type="button" value="お気に入りに追加" onclick="javascript:window.external.AddFavorite('​http://xxxxx.xxxxx.xxx/','​サイト名')" style="border-style:solid; border-width:2px; border-color:#66CCFF; background:blue; font-size:10pt; color:#ffffff" />
</span>

試して駄目ならごめんね。

お礼

回答ありがとうございます。
position:absolute;入れ替えでは駄目でしたが
spanを使用するとうまくいきました！