Home > Tags > CSS

CSS

FONTサイズの統一

Fontサイズを統一させたいときにemを使うとIEと他のブラウザでサイズがずれて正しく表示されないことがあったり編集時に相対の計算が面倒だったりするのでYUIのFonts CSSを使って見ようと思う。



body {

	font-size: 13px;

	*font-size: small;

	*font: x-small;

}

サイズ一覧表

px % px %
10px 77% 19px 146.5%
11px 85% 20px 153.9%
12px 93% 21px 161.6%
13px 100% 22px 167%
14px 108% 23px 174%
15px 116% 24px 182%
16px 123.1% 25px 189%
17px 131% 26px 197%
18px 138.5%    

参考サイト
Yahoo! UI Library: Fonts CSS

親要素でfloatを解除する(クリアフィックス)

よく忘れるので備忘録で書いておきます。



/* (1)モダンブラウザ用の記述（生成内容でfloatをclear） */

div#container:after {

  height: 0;

  visibility: hidden;

  content: ".";

  display: block;

  clear: both;

}

/* (1)ここまで */



div#container {

  /* (2)IE 6, 7用の記述（幅を明示的に指定） */

  width: 100%;

  /* (2)ここまで */

  /* (3)Mac版のIE 5.x用の記述（overflow: hiddenを指定） */

  /*\*//*/

  overflow: hidden;

  /**/

  /* (3)ここまで */

}

参考記事

Home > Tags > CSS

関連記事
最近の投稿
カテゴリー
アーカイブ
Tag Cloud
Calendar
« 2010 年 7 月 »
M T W T F S S
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
RSS RSS

Return to page top