解決済

サイドバーが落ちてしまいます。

Firefoxではきちんと表示されるのですが、IEでみてみると、サイドバーが下に落ちてしまいます。
本文中の写真やサイドバー内のフリースペースをはずしてみたのですがだめでした。
CSSをさわったので、もしかしたらタグの閉じ忘れや、幅のpxの指定でおかしいものがあるのかもしれませんが、わかりません。。。

よろしくお願いします。

アドレスは  です。

2006-03-11 04:06の質問
FireFox    サイドバー  リース  IE  アドレス  CSS  
Firefox
Firefox のホームページはこちらです
www.mozilla-japan.org/products/firefox/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(3)

3.

2006-03-11 08:17:56ベスト
横幅とcontentを絞ってはいかがでしょうか。

現状でwidthは最大幅が1020pxで指定されています。980px程度で絞らないと、WindowsXPから見ると、横幅が完全にあふれてしまう状態です。

最大化するとサイドバーは落ちたりしませんが、普通に見る分だと少々窮屈な印象もあります。例えば、links、サイドバーの幅を詰めてみたり、contentを詰めてみたりすることで、かなり調整できるように思います。

候補)
1020px→980px 何カ所かあります。
links 270px→240px;
content 720px→600px;

 ちょっとやりすぎという感があって、サイドバーが落ちやすい状態になっている印象でした。

 なお、タグの閉じ忘れなどはありませんから、スタイルシートの修正だけでうまく対応できそうです。

1.

2006-03-11 05:04:58
私が通常使用しているSleipnirとIE両方で見てみたのですけど、サイドバーは落ちてないようですよ?
むしろ本文が若干右よりかなという風に感じましたが・・・
それは本文を右寄りに設定しているからみたいですね?

ということで、自分ではサイドバーが落ちているという現象が見られませんでしたし、CSSの方も特に問題はないように思えました。
でも自分のCSSの知識もかじった程度なので自信なしです・・・
自信度 : 自信なし 回答レベル : アドバイス

2.

2006-03-11 08:16:54ベター
ああ、確かにウィンドウを小さくするとサイドバーが下にいっちゃってますね。
私は常に最大サイズで使ってたので気づきませんでした。
CSSをいじったとのことなので、そのCSSを保存しておいて、一度デザインをもとに戻してみてはいかがでしょうか。
それでもサイドバーが下にずれるということは、やはり画像が大きいせいかと思います。
とりあえず
1.デザインを元に戻す
2.横並びの画像を縦並びにしてみる
3.画像サイズを小さくする
4.本文を右よりじゃなく左寄りにしてみる
などの対処を取ってみてはいかがでしょうか。
Ads By Google

コメント(3)

2006-03-11 08:09:14

ちょっと表示がおかしい部分もありますね。かなりウィンドウの横幅を大きくすると大丈夫のようです。

2006-03-11 08:19:13

ちなみに、画像などもとってみたりしましたが、あまり状況は変わりませんでした。問題なさそうです。

#3.  志免町
2006-03-13 23:25:57

ありがとうございました。なんとか、思い通りのデザインになりました。 本当に勉強になりました!!

トラックバック

トラックバックURL: