今回はみなさんに質問があります。正解、不正解という問題でもないのでみなさんの意見をトラックバックかコメントしていただくと嬉しいです。
みなさんはフォントサイズはどう設定していますか?
このサイトはCSSファイルをご覧になると分かりますが、フォントサイズの単位は「px(ピクセル)」になっています。僕が作るサイトはだいたいピクセルに設定してあるケースが多いです。理由としてはIE以外はリサイズも出来るし、それほど小さいフォントを自分自身が設定しないということもあるからです(11px以下はちょっと読み難いかなという感じもするので)。
「px」の次に使う単位は「em」で最近これは使い始めています。とはいうものの
.entry{
font-size: 1em;
}
としてもブラウザによってかなり誤差が生まれてしまいます。「em」は相対単位というだけあって『基準になるものに対しての単位』になります。つまり「.entry」の親エレメントに単位を設定してあげないと基準になる単位がないのでブラウザによってかなり誤差が生まれてくるというわけです。だから例えばですがbodyダグに基準となるフォントサイズを設定しておくと良いかもしれません。
あなたはどうやってフォントサイズを設定していますか?
早速CSSの質問がありましたので、エントリーとしてまとめておくとします。
ネスケ4.xへの対応が「CSSレイアウトに移行出来ない」理由のトップ3に入るのではないでしょうか。僕もこれには長い間苦しめられましたが、シェアが低くなってきたというのもあり移行をしています。しかし、シェアが低くなったからといってどうしても無理出来ない場合ってありますよね。そんなわけでコイッチサンからの質問です。
コイッチさん曰く
ブラウザが古いと言われればそれまでなんですけど。社内ページをMTで作っていて、社内にはまだ結構ネスケユーザが残っているんで苦心してます。今さらテーブルタグ組むのも流れに(というか、このサイトの趣向に逆らってますしねえ。
これに対してSSライターさんが丁寧な返答をされています。詳しくはこちら。
青木さん曰く
このページを見てみてください。
http://www.zspc.com/documents/css2/index.html
分かりやすく表にまとまっているかと思いますが、NN4.7では対応していないプロパティなどがたくさんあります。なので、残念ながら普通にスタイルシートでレイアウトをやると崩れることになってしまいます。
Naoさん曰く 「一部のブラウザにはスタイルシートを読み込ませない」という対策をおすすめします。 詳しくは、下のページの対策案3または4をご覧下さい。スタイルシート使用者のためのNetscape Navigator 4.0x対策案 http://www.remus.dti.ne.jp/~takahisa/flm/OWTXML/NN40x.html
やはりネスケ4.xのCSS対応状況をみるとどうしても100%CSSレイアウトというのは無理だと思います。見た目をある程度保ちたいのであればテーブルを使う事をお進めします。
そこで一つ思い出してほしいのが「テーブル=駄目デザイン」ということではないということです。テーブルというのはそもそも表データを表現するために編み出されたタグで、そのようなデータを書き出すには最も適したタグだということです。だからページレイアウト全体にテーブルを使うというのは本来の意味からズレているので「間違っている」とよく言われるわけです。
だからフォームのような表とよく似た構造をもっているものはテーブルを使うのは間違い・・・というわけではないです。青木サンもコメントで残してくださっていますが、CSSを使うのがベストではあるものの、おかれた状況の中でベストを尽くすことが大切でしょうね。とりあえずフォントのコントロールはCSSにしておくと良いかもしれません。
Stylesheet Stylebookでは皆さんのCSSに関する質問・ご意見をお待ちしております。質問がある方は下にある「コメント」をクリックして質問を書き込んでください。中にはエントリーとして取り上げる場合もありますのでご了承下ください。
また、本に関するご意見・ご感想のある方もぜひコメントのほうよろしくお願いします。