解決済
Ads By Google
XPからビスタに変えたら ブログの写真や文字の配列がおかしくなりました。
http://blog.livedoor.jp/totcyan0606/
何を直したらいいのですか お知らせください
2009-06-15 15:36の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2009-06-15 15:57:01
VistaとかXPの問題ではなく、IEのバージョンが6から7に変わったことが原因です。IE8やFirefoxなどではそれなりに正しく表示はされています。（IE6とは違う見え方ですが）
そもそもの原因としては、imgタグをalign="left"で横並びにしているにも関わらず、<p> </p>で無駄なスペースを作成し、無理に縦並びに画像をしていることにあります。
画像を縦に並べるのであれば、imgタグ内のalign="left"を削除すれば素直に縦に並び、ずれることもありません。
現状のソースのままでCSSだけで解決するのであれば、CSSなどに
そもそもの原因としては、imgタグをalign="left"で横並びにしているにも関わらず、<p> </p>で無駄なスペースを作成し、無理に縦並びに画像をしていることにあります。
画像を縦に並べるのであれば、imgタグ内のalign="left"を削除すれば素直に縦に並び、ずれることもありません。
現状のソースのままでCSSだけで解決するのであれば、CSSなどに
div.main p {
margin-bottom: xxpx;
}
などを追加してみては如何でしょうか。marginの大きさは適当に調整してみてください。ｃｓｓ直しました。過去の分もすべて なおりまして感謝申し上げます。初心者にもわかりやすかったです。又 質問あるときはよろしくお願いします。
Ads By Google
コメント(6)
2009-06-16 00:18:28
確かに。ｘｐ/IE7だが、画像の下に無駄なスペースがあるね。
tani.masaruさんのいうように、問題はＯＳではなくブラウザの表示仕様でしょう。
#3. tot
2009-06-16 15:49:10
imgタグ内のalign="left"は cssのどのあたりに あるのですか。また 追加する div.main p は cssのどの場所に追加すのですか。
#4. tani.masaru
2009-06-16 21:24:26
div.main p {}を追加する場所はどこでも構わないと思います。管理のしやすさを考えると同じような場所、例えば
blockquote{
の前あたりでどうでしょうか。imgタグのalign="left"はCSSではなく、記事中に含まれています。HTMLエディタなどを使っている場合は「HTMLを確認する」で記事を見ると含まれていることが分かると思います。
http://livedoor.blogcms.jp/select/config/post/
で画像の回り込みの設定があります。ここで左寄せが選択されていると自動で「align="left"」が差し込まれます。画像を縦に並べるのであれば、回り込みなしを選択すれば回避できます。
#5. tot
2009-06-17 13:01:20
cssに div.main p { を 追加しましたが なにも変化ありませんでした。
#6. tot
2009-06-17 15:40:43
回り込みなし設定で作ったものはＯＫですが それ以前のものには変化がありません。
#7. tot
2009-06-17 17:40:43
大きさの調整 できました。
有難うございます。
