ブログのソースのボックスをスクロールして見れるようにする方法を教えて下さい。

ブログでスーパーpre記法を使ってHTMLのソースを記述するとき、ボックスが表示されます。それを横方向にスクロールできるバーを付けたいのですが、CSSの記述がよくわかりません。
試しに、overflow-xとoverflowを使ってやってみても、何も変化しませんでした。
どのように記述すればいいでしょうか。
なお、ブログのテーマは「Hatena_ryukyu-blue」です。

回答の条件
  • 1人5回まで
  • 登録:2012/03/26 18:15:32
  • 終了:2012/04/02 18:20:07

回答(1件)

id:windofjuly No.1

うぃんど回答回数2625ベストアンサー獲得回数11492012/03/26 18:35:28

あなたのダイアリーならば、
スタイルシートの一番最後に下記を追加すると、
文字列がはみ出すような場合に、
自動的に横スクロールバーが表示されます

.body .section pre {
  overflow: auto;
}
他2件のコメントを見る
id:dsjd2254

ブラウザはInternet Explorerです。調べたところ、overflowはIEにも対応しているらしいですが・・・。

2012/03/27 13:12:35
id:windofjuly

いまさらながらの再確認ですが、
自分のダイアリーではみ出すようなコードを書いてみると、
http://d.hatena.ne.jp/windofjuly/20120327
CSSで何も指定しなくても横スクロールが出てました・・・

ユーザーの設定したスタイルシートは一番最後に適用されるので、
一番最後に書き加えたら問題ないはずなんですが、どこか見落としてるのかもしれないです・・・
手抜きなテスト的対応になりますが !important をつけて強制してみるとどうでしょう?

.body .section pre {
  overflow: auto !important; 
}
2012/03/28 00:08:06

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません