忍者ブログ
シフラ,超絶技巧練習曲,ピアノ,ロマン派のエチュード,かっこいい曲,PC便利系,音楽系,動画系,youtube,blog系など
Blog Infomation





Today / Yesterday
/



 フィードメーター - The J.Mazeppa


 
Monthly
Recent Comment
Infomation
Circle Chat
Access Rank
KeyWord Rank
Weather & \\ vs $

-天気予報コム-

購入時2005/11は106.1
2024/04/25 (Thu) 17:11 / /
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


2008/11/29 (Sat) 19:14 / /
ようやくブログをFireFoxでも崩れないように表示させた…(3.0.4で確認)
普段はIE6(Sleipnir)を使用しています,それで長く考えていたがようやく原因がわかった…

text-alignという文字や画像の位置を指定できるHTMLタグが存在するのだが,これをDivブロックの位置を指定しようとして用いていた事が原因…

<div style="text-align:center">
<div class="entrybox">
ブログの内容
</div>
</div>

という風に,entryboxというブロックを中央に動かそうとして使用していてIEではうまく表示できていたのだが,
なんとこれは正確な表記ではなくFireFox他では正しく認識されないということが判明した…

で,正確な表現はというと,text-align:centerの部分をmargin-left:auto:margin-right:auto;とすればいいらしい…
※本当はもっと細かい事になるのだが,ひとまずこれで解決はした

自分の場合はスタイルシートを使用しているので.cssにクラス指定で記述する事によりこれは解決したのだが,次に問題となるが主にpaddingによる余白の解釈の違い…
こればっかりは全て直していたら面倒でどうしようもないのでmarginと値をうまく調整して表示をごまかした…

そうはいっても行間や余白がFireFox3では詰められてIEでは詰められないであるとか手のつけようのない違いが多い気がする…


■参考サイト
 ・CSS簡易リファレンス - 余白関連
 ・アフィリエイトは儲かんないってば:IEとFirefoxの表示の差・再び - livedoor Blog(ブログ)
 ・ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト
 ・clearは「floatの解除」ではない

拍手[0回]

PR



▼Comment
   NAME:  TITLE:  COLOR:
   PASS:   URL:  EMAIL:
 COMMENT!: Vodafone絵文字 i-mode絵文字 Ezweb絵文字
     
△▲最上部へ戻る▲△ △▲プラグインへ▲△