解決済
画像リンクについての質問
続きを読む画像を記事文の右下に入れたのですが入れた画像がIEとFirefoxで高さのズレが出てしまい
位置が違ってしまいました。
位置を統一するには
何処を弄ればいいのでしょうか？
2012-02-23 21:55の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2012-02-25 00:06:15
ＩＥが標準モードでないためにマージンの計算方法が
ＦｉｒｅｆｏｘとＩＥで違うためだと思います。
ＩＥを標準モードにして（vspace とかでなく）スタイルは、ＣＳＳでやるようにすれば、
概ね同じになると思います。
ＩＥを標準モードで貴ブログを表示してみたところ、
ぐちゃぐちゃになるので、
現状標準モードで表示にするのは大変だと思います。
なるべく「マージンを使わない」ようにするしかないような気がします。
（マージンの計算の仕方で違うのなら無くせば同じになる）
でも、こちらもどうかな・と思うので、
多少マージンが違うのは良しとするのでいいんじゃないでしょうか。
ＦｉｒｅｆｏｘとＩＥで違うためだと思います。
ＩＥを標準モードにして（vspace とかでなく）スタイルは、ＣＳＳでやるようにすれば、
概ね同じになると思います。
ＩＥを標準モードで貴ブログを表示してみたところ、
ぐちゃぐちゃになるので、
現状標準モードで表示にするのは大変だと思います。
なるべく「マージンを使わない」ようにするしかないような気がします。
（マージンの計算の仕方で違うのなら無くせば同じになる）
でも、こちらもどうかな・と思うので、
多少マージンが違うのは良しとするのでいいんじゃないでしょうか。
回答レベル : アドバイス
コメント(5)
#3. うなぎねこ
2012-02-25 19:48:03
BLUEPIXYさん＞
回答ありがとうございます。
間違えて解決済にしてしまいましたが
自分でもやってみて今一出来なかったので
cssで表示する一例を教えて貰えないでしょうか？
あとぐちゃぐちゃになると言う事ですが
このままでIEの方は、いいんでしょうか？
#4. BLUEPIXY
2012-02-25 22:10:50
#5. BLUEPIXY
2012-02-25 22:17:39
あとぐちゃぐちゃになると言う事ですが このままでIEの方は、いいんでしょうか？ＩＥでは、
今までずっと互換モードで、古いＩＥとの互換性を保ってきましたが、
マイクロソフト自体がＩＥ６のような古いＩＥを使うのはやめろと勧告していますし、
時期ＩＥでは、今まであったコメントでＩＥのバージョンによって切り替える記述のサポートを止めるというようなことらしいので、
（これからも互換モードは維持されるのかもしれないですが）
（ＩＥを標準モードで表示するように指定もして）
標準モードを意識したＷＥＢページの記述に移行した方がいいです。
ただ、全体を見直すことになるので、かなり大変な作業になるんじゃないかと思います。
#8. うなぎねこ
2012-02-26 00:55:40
BLUEPIXYさん＞
回答、参考になりました。
古いテンプレートを弄って使っているので
多分そのせいだと思うのですが・・・
素人では、全体の見直しは出来そうもないので
当分、IEの方は現状のままで行きたいと思います。
試しに一例でやってみたのですが
画像が移動しませんでした。
どこら辺を手直ししたらいいのでしょうか？
span.main-continues a{
margin:20px 5px;
}
#9. BLUEPIXY
2012-02-26 06:53:07
