ブログに設置のGoogle検索結果を幅内に収めたい

質問

Googleの検索ボックス

http://www.google.co.jp/cse/

を、Movable Typeで作った自分のブログに設置しました。

検索結果の表示方法は３つの選択肢があり、
私はそのうち、自分で作ったページに検索結果を表示させる
「iframe」を選びました。

MovableTypeの「ウェブページ」でページをつくり、そのページに検索結果を
表示させることにしたのです。

設置して、試しに検索してみましたら、きちんと、ウェブページでつくったページに
検索結果が表示されました。

そこまでは良かったのですが、
しかし、ブログのウェブページの幅が狭いので、
検索結果の表示がはみ出てしまいます。

そこで、

<table align="center" width="520px">
<tr><td>
★★★
</td></tr>
</table>

というのを入れて、★★★のなかに、このGoogleのタグを入れてみました。

しかし、表示ははみ出たままです。

表示をページの幅の中に収めるにはどうしたらいいでしょうか。

回答No.1

pai3_14 · ベストアンサー

どんなコードを張り付けたのかそれをコピペしてくれると
よかったんですが。
style="width: 100%;"
等のタグがあれば　100% ＞ 50%　or 100px
等とするとか、（親要素の幅に対する％）
<input type=text -- size=100 value="">
などというタグであれば size=100　＞　size=30
（検索文字ウィンドウの文字数(半角)）
とかですね。

お礼

すみません、上の補足に対しての修正です。

var googleSearchFrameWidth = 100;
のところ、

再度、Googleのサイトでタグを生成したところ
var googleSearchFrameWidth = 100;
最後の数字が100ではなく600になっていました。

この数字は何を意味しているのでしょうか。
単位はなんでしょうか。

ここをいじれば、表示の幅が変更できるのでしょうか。

補足

アドバイスありがとうございます。

タグはこれです。

<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 100;
var googleSearchDomain = "www.google.com";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

この場合、
googleSearchFrameWidth = 100;
の部分をいじるということでしょうか。

重ねての質問ですみません。