« 芸能情報サイト・韓流スター情報も! | トップページ | 教えて!gooのカテゴリー一覧 »

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

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

|

« 芸能情報サイト・韓流スター情報も! | トップページ | 教えて!gooのカテゴリー一覧 »

コメント

同じことで悩んでました。
SafariStandで、教えてgooのURLにこのCSSをあてるようにしたら
ばっちりでした。公開してくださってありがとう!

投稿: elle | 2009.03.01 21:56

 SafariStandは、1週間ぐらい前にソースを色分けして表示したくて使い始めました。Site Alterationがなんなのか知りませんでした。サイトごとにCSSや設定を指定できるんですね。こちらこそ、ありがとうございました。

投稿: コウテイペンギン | 2009.03.02 08:17

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック


この記事へのトラックバック一覧です: 教えて!gooの質問欄が右側に重なる(Safari):

« 芸能情報サイト・韓流スター情報も! | トップページ | 教えて!gooのカテゴリー一覧 »