Firefoxで表示すると、サイドバーが落ちる
IE6ではどうもないのですが、Mozilla Firefox1.5.0.1で表示すると、サイドバーが下に落ちてしまいます。問題のブログは、
で、テンプレートは、new_default_blue(シンプルのデフォルト2005 (ブルー))を使っています。
スタイルシート
いろいろ調べてみたところ、#container、#right、#wrapper、#content、#leftの値が重要?っぽいのですが、、、うまくできませんでした。
回答(2)
2.

1.

wrapperとrightの大きさの合計が990pxで、ちょっと余裕がないように思います。
livedoor BlogのデザインをカスタマイズするWiki
3カラムデザインのカラムの大きさを変更
にもありますが、Firefoxではちょっと余裕を持つ必要があるみたいです。
なので、とりあえず、wrapperかrightの横幅(width)を小さくして、合計を990pxから950pxくらいまで落としてみるとかしてみては?
それでもダメだったら900まで落とすとか。
コメント(17)
ありがとうございます。
やってみます(`・ω・´)
あれこれやりましたがでけませんでした・・
rightサイドバーをleftよりも広くしたいので、そういったテンプレートもしくはカスタマイズしてもfirefoxでデザインが崩れないテンプレートがあったらそれに変更しようと考えています。
お返事遅れまして・・・
お役に立てなかったようですね・・・
本文を小さくしちゃうとますますレイアウト崩れちゃうでし
ょうし。
オリジナルテンプレートを配布してるところがありますから、そういったところを参考にしてみては。
そういうところだと、3カラムで、一つのサイドバーがもう一つより広いというデザインもありますよ。
うーん、たくさんあって迷いますね
今は人全然来ないんで、まったりとカスタマイズしていこうと思います。
一応、救世主が現れるかもしれないのでちょっとの間は質問置いときます。ありがとうございました
>たっけーさん
。ですか・・・
えーと、どのあたりでしょうか?(- -;
一応、ctrl+Fで検索してみたのですが、見つかりませんでした。
ひょっとすると、 。→. ですか?、、早速試してみます!
はすぼいさんの質問にあるCSSのリンクをクリックして
メモ帳で開くと、。。。。。と沢山ありました。
ちょっとやってみてください。
#ad{width:340px;}。。
.blogtitle{。。。。。。。。。。。。。。。。。。
.description{。。。。。。。。。。。。。。。。
この後もさらに4箇所あります。
ちなみにfirefoxとIEではWidthの基準が違うので
デザイン崩れが発生しますが、
はすぼいさんの今回の場合は、
計算上、このケースには該当しないと思います。
な、なんじゃあこれは~!
メモ帳で開くとあるみたいですね。なぜだかは分かりませんが・・・
ちなみに、ライブドアのカスタマイズでのCSSにはこんなのありませんでした。この。。。。。のやつを取り除いたら、このCSSと同じになるのかわちょっと分かりませんが、、
。。。。の原因はわかりませんが、
全角の空白とかTABとかじゃないかと
想像するのですが、
よく分かりません。
力不足ですみません。
き、キマシター!!!
たっけーさんの全角かもしれない・・・・
この発言にピーン!ときてスタイルシートの全角、おそらく。。。。。になってしまったところを取り除いたところ、firefoxで見事きれいに表示されました!
ありがとうございました!
ひょっとすると、最初からこのことを指摘していたのかと、
ちょっと落ち着いてから気づきました。
取り乱してすんまそんでしたm(_ _)m
明日たっけーさんにベストで質問を打ち切ろうかと思います
良かったですね。
私も勉強になりました。
ありがとうございます。



