[HTML]Googleカスタム検索を設置すると不要な枠線が表示される・検索ボタンの位置がずれる

Google Custom Searchで使用しているタグにCSSの定義を行うと表示が崩れます。

解説

カスタム検索ではテーブル(Table)タグを使用しており、テーブルタグに対してCSSの定義を行うとレイアウトが崩れます。 次の図はレイアウトが崩れている画面と、ページで使用しているCSSの一部です。不要な枠線が表示され、検索ボタンの垂直位置がずれています。

対処方法

Googleカスタム検索で使用しているタグのCSS定義をリセットします。

関連ページ