内部にtableタグを含む横幅800pxのウェブサイトにGoogleカスタム検索結果を表示させる方法

IE、Firefox共通ですが、tableタグを含む800pxの横幅のウェブサイトに795pxが横幅の下限であるGoogleカスタム検索結果を表示すると少し検索結果が横にはみ出してしまうことがあります。

なんとか対処法はないものかと探してみたら、以下のサイト様でtableのcellspacing=”0″ cellpadding=”0″属性をを使わない例が紹介されていましたので、これを利用することで満足のいく結果が得られました。

tableの属性cellspacing=”0″, cellpadding=”0″をCSSで対応する

tableの属性cellspacing=”0″, cellpadding=”0″をCSSで対応する – 目抜き裏通り

tableタグのcss記述

table {
margin:0;
padding:0;
border:0;
border-spacing:0;
border-collapse: collapse;
width:800px;
}
強調部分がtableタグのcellspacing=”0″,cellpadding=”0″属性にあたる部分です。

▼結果はこんな感じです。
検索結果表示画面 http://info-cache.com

コメント

タイトルとURLをコピーしました