お蔵入り

clip!clip!
Ads By Google

2カラムのサイドバーがIE6だと、ブログ右側に余白がでる。

2カラムのデザインを選択しています。

プラグインの編集を行っていたところ、
サイドバーがIE6だと、右側サイドバー横にサイドバー分くらいのに余白が出てしまいました。

IE7では、綺麗に表示されます。



少々、分からないながらも、カスタマイズをしているので、テンプレートから再度同じデザインを選択するのは、避けたいです。

CSSについても、知識がありませんので、どなたかどこを直せばよいのか、教えて頂けませんか?
宜しくお願いします。

2008-04-16 02:32の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(1)

1.

2008-04-16 06:48:38
ブログの共通ヘッダー「<$BlogHeader$>」をブログの本体のdivの中に組み込んでいることが問題のようです。

IE6だと本体部分を広げて右カラムに余白が、Firefoxだと右カラムの上にヘッダー部分が、IE7だとフッター部分を広げてしまっています。

そこで、デザインのカスタマイズからカスタマイズを行い、「<$BlogHeader$>」の部分を</body>の直前に丸ごと持ってきてはどうでしょうか。
Ads By Google

コメント(2)

#1.  BLUEPIXY
2008-04-16 03:51:54

私は、現在IE6使ってないので、コメントで。
Firefox2 でみたところでは結構くずれているので、
とりあえず
div とかのタグのペアが整合がとれていないと思います。

#2.  どあら
2008-04-16 10:17:30

ご回答有難うございます。
確かに、IE7でも下部で広がっていましたね。
Firefoxでも崩れているんですね・・。

以前、ライブドアのバナーが邪魔で下部に移動しましたが、
<$BlogHeader$>を構成しているタグがどれかわかりません。
具体的にご教授いただけないでしょうか。

またdivタグの閉じ忘れについても、コメント頂ければ有難いです。

トラックバック(2)

トラックバックURL: