ＣＳＳ改編中
【7月24日更新】 ＨＰのほうのメニューページ用のＣＳＳを手直ししている（必然的にＨＴＭＬのほうも手直しすることになるが）。一旦完成して、僕が普段使っている Firefox でも、あるいは Internet Explorer 6.0 でもちゃんと表示できることは確認済みなのだが、どうもそれをアップするところまで踏み切れないでいる。
- 無料であるにも拘らずアップバージョンせずに古いバージョンのＩＥを使っている人って少なくないのだろうか？
- Opera で閲覧している人なんているんだろうか？（でも、１人だけ知ってるもんなあ・・・）
- そして、Netscape で見てもちゃんと表示できるんだろうか？（自分がついこの間まで Netscape ユーザだっただけに気になる）
有名な「ボックスモデルの罠」というやつがあるじゃないですか。モダンブラウザは width を margin も border も padding も除いた、文字通りコンテンツの幅だと解釈するのに対して、古いＩＥと Windows 版ＩＥ5.5は border から border までの幅だと解釈してしまう──というやつ。
それを回避するために、まずＩＥ5.5に読み込ませて、その後にＩＥ5.5では読み込めないバグの表記をわざと挟んで、最後にモダンブラウザ用の width を記述するというやり方。で、このままだと Opera がやっぱり間違えたままになるので、さらに html の子供セレクタとして body ＋ボックス名で設定しなおすというやり方。
なかなかそこまで面倒臭い記述をする気になれないんだよねえ・・・。
ほんとにモダンブラウザを使ってない人って今どのくらいの割合なんですかね。無視して問題ない程度なんですかね。でも、ＣＳＳが読めずにレイアウトが崩れたＨＰってほんとに腹立たしいもんですしねえ・・・。
非常に悩みが深いところです。
Comments