ブログとブラウザについて
先日、ライブドアでブログスペースを借り、ブログを始めました。
ブログを付けるのは初めてなもので分からないことだらけなんですが、
IEでブログを閲覧した場合と、Firefoxで閲覧した場合に、レイアウトにズレが生じてしまいます。
常にFirefoxを使用しており、Firefoxでしか自分のブログのレイアウトを確認していませんでした。
ですが、今日IEで閲覧したところレイアウトがすごくズレていて・・・。
特に記事本文がガタガタになっていました。
改行を考慮して1行に文章をまとめていたのに、IEでは2行にわたって本文が続いていたりしていて。
デザインは"デフォルト2005 (ブラック)"を使用しており、カスタマイズ出来るのでCSSを確認してみました。
.main,.mainmore{
font-size:x-small;
margin:10px 20px 0;
text-align:left;
最初、上記のようになっていたのを、
.main,.mainmore{
font-size:9;
margin:10px 20px 0;
text-align:left;
ブラウザ間でCSS内の"x-large"や"x-small"にズレがあるのかと思ったもので、上記のように直しました。
するとIEではレイアウトがきれいに整ったんですが、Firefoxでは文字が小さすぎて非常に読みづらくなってしまいました。
フォントサイズには、ブラウザ間で差があるのでしょうか。
上の方法はIEで見やすくなったのは良いんですが、Firefoxで見にくくなってしまうのはどうも・・・。
既にたくさんの記事を書いたので、新たに行を整え直すというのは困難を極めます。
同じフォント、同じフォントサイズにも関わらず、ブラウザによって微妙に生じてしまうズレを無くすのは不可能なのでしょうか。
ちなみに、CSSの知識については皆無なので、上記のようにフォントサイズを変えるくらいしか出来ません。
分からないところがあれば訊いてください。 難なく補足します。
贅沢な質問かもしれませんが、回答よろしくお願いします。
お礼
sukekenさま 早速ありがとうございます。 googleを使っております。 ytaki
補足
この後、sukekenさまのご指導により、元凶になっているブログを削除したところ、 元に戻りました。ブログをしている何人かに聞いてみてもこんなトラブルは経験した ことがないと言っていましたので、今後、何かの参考になれば幸いです。 お騒がせいたしましたが一件落着となりましたのでご報告いたします。