Ads By Google
ブログにテーブルタグを用いた際、IEでデザインが崩れる
ライブドアブログをご利用させていただいてるのですが、テーブルタグを記事に用いた際に、IEのみでデザインが崩れてしまいます。
参考までにアドレスを貼らせていただきます。
具体的に示しますと、テーブルが記事の幅を超えて表示され、
記事の下にサイドバーが表示されてしまいます。
記事の投稿などにはOperaを使用しているので気付かなかったのですが、知り合いからの指摘を受けて確認したところ、こうなっていた次第です。
他にNetscape、Firefox、Safariで確認しましたが、問題なくサイドバーがきちんと真横に表示されました。
試しにブログ全体の幅を広げ、記事部分の幅も広げてみたのですが、相変わらずです。
解像度の問題で、あまり幅を広げすぎるのもどうかと思いました。
こういう場合、どうすればIEでもきちんと表示させることができるでしょうか?
ご存知の方がおりましたら、ぜひご教授下さい。
2009-06-08 22:36の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2009-06-09 03:55:10

フォントサイズが相対指定になっているフォントのサイズがFxとIEで違うことにも関係あるかもしれませんが、
差し当たり、
width="95%" ぐらいにすればいいかと思います。
差し当たり、
<table … width="100%" …となっているところで、
width="95%" ぐらいにすればいいかと思います。
回答レベル : アドバイス
回答ありがとうございます。
記事本文のテーブルタグの幅設定は見逃してました・・・
ご指南の通り、幅を100%から95%にしたところ、IEでもサイドバーが正常な位置で表示されるようになりました。
ありがとうございました。
Ads By Google
コメント(1)
#1. BLUEPIXY
2009-06-10 03:01:08
うまくいって良かったデス。
IEとFx等では、幅の考え方とかが違うので、こういうことが起こるのだと思います。
おそらく(動作について詳しく知りませんが)、テーブルの幅が親要素の表示幅一杯で、それにパディングの幅などがプラスされて全体の幅を超えていた、のではないかと思います。




