解決済
タイトルバナー導入でのデザイン崩れについて
初めて質問させていただきます、ゎぉぃです実は、少し前にタイトルバナーを導入いたしまして、その当時は何の支障もなくデザイン崩れもなかったのですが、それから何もデザイン関係をいじっていないのにもかかわらず、つい最近からデザインが崩れて、下の画像のように、記事がタイトルバナーを隠してしまうほどに上がってきてしまいました。
最初は、Vistaで見たときにそのような崩れが見られたのですが、XPのほうでは見られなかったので、Vistaのほうに問題があるのでは？として、その問題に関しては放置していたのですが、つい先日XPの方でも見られるようになり（勿論、そのときもデザイン関係もいじっておりません）完全にお手上げ状態です。
お恥ずかしながら、ここ1ヶ月ほどブログ自体更新をしていないので、このデザイン崩れは後天的なものではないと思うのですが、どうなのでしょうか？
原因を教えていただきたいです。
よろしくお願いします。
ゎぉぃぶろぐ：
2007-06-24 20:48の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(2)
2.
2007-06-25 01:26:40
Firefoxだと記事がタイトルに食い込んでますね。
スタイルシート（CSS）の
height:5px;
text-align:left;
margin:0 auto;
no-repeat;
}
で
height:5px;
を158
も0px
スタイルシート（CSS）の
#banner,#subbanner{
width:800px;height:5px;
text-align:left;
margin:0 auto;
no-repeat;
}
で
height:5px;
を158
height:158px;以上にすると、どうなりますか？
.blogtitleのpadding:55px 0px 2px 17px;
も0px
padding:0px 0px 0px 0px;の方がいいかも知れません。
無事デザインが改善できましたので、感謝の気持ちとして、ナレを差し上げたいと思います。
1.
2007-06-25 00:01:08
Ads By Google
コメント(4)
#1. ゎぉぃ
2007-06-25 20:19:37
ご丁寧な回答ありがとうございます。一度、森の番人 nowa様の仰るとおりにやってみたところ、ブログタイトルが記事と被らなくなりました。本当にありがとうございます。
これで、他の方も同じようにデザイン崩れなく表示されたら良いのですが・・・
どうやら左右のズレが直らないみたいですが、これはスタイルシートのどの部分に問題があるのでしょうか？度々すいません。
#3. 湯川 学
2007-06-26 16:22:10
#container{
width:735px;
margin:0 auto;
text-align:center;
word-break:break-all;
}
に
padding:0px 65px 0px 0px;を追加して
#container{
width:735px;
margin:0 auto;
text-align:center;
word-break:break-all;
padding:0px 65px 0px 0px;
}
あとは 65px を調整
#4. ゎぉぃ
2007-06-29 22:05:45
本当にありがとうございます！無事デザインが改善できました。まだ自分のPCでしか確認できてませんけどｗ
#5. 湯川 学
2007-06-29 22:53:35
ＩＥ６で見ると、また微妙にズレてるんですよ。
ただ、元々のデザインが、こうゆう作りなんです。
どうしても気になるのであれば
bodyのbackground:urlの
http://parts.blog.livedoor.jp/img/usr/glass/bg.gif
の画像の真ん中の白い部分を広く編集し、画像のＵＲＬを差し替えるといいかも知れません。
