« 2007年6月 | トップページ | 2009年3月 »

2009.01.31

教えて!gooの質問欄が右側に重なる(Safari)

 Safariで「教えて!goo」を表示すると、質問欄が右側によって広告に重なってしまう。長いURLもレイアウトが崩れる。外部cssに以下を追加して対処した。

table.ok_question {
clear:left !important;
word-break: break-all !important;
}

table.ok_answer {
word-break: break-all !important;
}

 word-breakは長いURLの改行用、Safariのみ有効。

 Firefoxのcssにはclear:left;のみ使用。長文なURLはテキストを適度に折り返して表示する拡張を入れた。

 https://addons.mozilla.org/firefox/2547/


2009/2/26 追記:「質問欄が右側によって広告に重なってしまう」は、問題なくなってるようだ。長いURLはまだ?

2009/3/8 追記:長いURLの処理「word-break: break-all」について、word-break: の指定は、normal・break-all・keep-all だけかと思っていたら、Safari 3.0以降では break-word というのを指定でき、単語では改行せず( break-all は単語の途中でも改行)長いURLのみ改行してくれるようだ。下記 safari.css も word-break: break-word !important; に変更しました。

 使う人はいないと思うけど、使用している外部css(スタイルシート)です。

 safari.css 右クリック(コントロールクリック)して、『リンクされたファイルを・・・に保存』してください。別名で保存する時は、拡張子(ダイアログボックス左下)を隠すのチェックを外した方が良いでしょう。

 ユーザースタイル・シートを使用するには、「環境設定」で「詳細」をクリックし、「スタイルシート」ポップアップメニューから「その他」を選択。使用するスタイルシートを選択します。

| | コメント (2) | トラックバック (0)

« 2007年6月 | トップページ | 2009年3月 »