内部にtableタグを含む横幅800pxのウェブサイトにGoogleカスタム検索結果を表示させる方法
IE、Firefox共通ですが、tableタグを含む800pxの横幅のウェブサイトに795pxが横幅の下限であるGoogleカスタム検索結果を表示すると少し検索結果が横にはみ出してしまうことがあります。
なんとか対処法はないものかと探してみたら、以下のサイト様でtableのcellspacing="0″ cellpadding="0″属性をを使わない例が紹介されていましたので、これを利用することで満足のいく結果が得られました。
margin:0;
padding:0;
border:0;
border-spacing:0;
border-collapse: collapse;
width:800px;
}
強調部分がtableタグのcellspacing=”0″,cellpadding=”0″属性にあたる部分です。
▼結果はこんな感じです。
検索結果表示画面 http://info-cache.com
なんとか対処法はないものかと探してみたら、以下のサイト様で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
- フォントサイズをcssで指定する (07/05)
- cssで背景画像の繰り返し方法を指定する (08/24)
- ブロック要素のセンタリング (08/23)
- 内部にtableタグを含む横幅800pxのウェブサイトにGoogleカスタム検索結果を表示させる方法 (05/19)
- hr（水平線）をcssで左右に寄せる (04/26)
▼気が向いたらクリックしていただけるとうれしいです。
![Amazonベーシック 4層シールド 高密度編組 HDMI 1.3b対応ケーブル (3.0m) [フラストレーションフリーパッケージ(FFP)]](http://ecx.images-amazon.com/images/I/41ZzxSwOZrL._SL160_.jpg)
![Amazonベーシック 2層シールド ハイスピード HDMI バージョン1.3b対応ケーブル (3.0m) [フラストレーションフリーパッケージ(FFP)]](http://ecx.images-amazon.com/images/I/41nAsytjSsL._SL160_.jpg)
Comments