• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ブログに設置のGoogle検索結果を幅内に収めたい)

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

このQ&Aのポイント
  • Movable Typeで作ったブログにGoogle検索結果を設置する方法として、iframeを選びましたが、ブログのウェブページの幅が狭いため検索結果がはみ出てしまいます。
  • 幅を制限するためには、ウェブページに表示させる検索結果を他の要素と共にテーブルで囲み、テーブルの幅を指定することが効果的です。
  • 具体的には、<table align="center" width="520px"><tr><td>★★★</td></tr></table>というテーブルを作り、その中にGoogleの検索タグを配置することで、表示を収めることができます。

質問者が選んだベストアンサー

  • ベストアンサー
  • pai3_14
  • ベストアンサー率56% (319/566)
回答No.1

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

akitayama
質問者

お礼

すみません、上の補足に対しての修正です。 var googleSearchFrameWidth = 100; のところ、 再度、Googleのサイトでタグを生成したところ var googleSearchFrameWidth = 100; 最後の数字が100ではなく600になっていました。 この数字は何を意味しているのでしょうか。 単位はなんでしょうか。 ここをいじれば、表示の幅が変更できるのでしょうか。

akitayama
質問者

補足

アドバイスありがとうございます。 タグはこれです。 <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; の部分をいじるということでしょうか。 重ねての質問ですみません。

関連するQ&A

専門家に質問してみよう