解決済

clip!clip!
Ads By Google

ブログにテーブルタグを用いた際、IEでデザインが崩れる

ライブドアブログをご利用させていただいてるのですが、
テーブルタグを記事に用いた際に、IEのみでデザインが崩れてしまいます。

参考までにアドレスを貼らせていただきます。


具体的に示しますと、テーブルが記事の幅を超えて表示され、
記事の下にサイドバーが表示されてしまいます。

記事の投稿などにはOperaを使用しているので気付かなかったのですが、知り合いからの指摘を受けて確認したところ、こうなっていた次第です。

他にNetscape、Firefox、Safariで確認しましたが、問題なくサイドバーがきちんと真横に表示されました。

試しにブログ全体の幅を広げ、記事部分の幅も広げてみたのですが、相変わらずです。
解像度の問題で、あまり幅を広げすぎるのもどうかと思いました。

こういう場合、どうすればIEでもきちんと表示させることができるでしょうか?
ご存知の方がおりましたら、ぜひご教授下さい。

2009-06-08 22:36の質問
ブログ  IE  テーブルタグ  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-06-09 03:55:10ベスト
フォントサイズが相対指定になっているフォントのサイズがFxとIEで違うことにも関係あるかもしれませんが、
差し当たり、
<table  … width="100%" …
となっているところで、
width="95%" ぐらいにすればいいかと思います。
回答レベル : アドバイス

回答ありがとうございます。
記事本文のテーブルタグの幅設定は見逃してました・・・
ご指南の通り、幅を100%から95%にしたところ、IEでもサイドバーが正常な位置で表示されるようになりました。
ありがとうございました。

Ads By Google

コメント(1)

#1.  BLUEPIXY
2009-06-10 03:01:08

うまくいって良かったデス。

IEとFx等では、幅の考え方とかが違うので、こういうことが起こるのだと思います。
おそらく(動作について詳しく知りませんが)、テーブルの幅が親要素の表示幅一杯で、それにパディングの幅などがプラスされて全体の幅を超えていた、のではないかと思います。

トラックバック(2)

トラックバックURL: