ボックスに1emを指定したときのピクセルサイズ

CSS

font-family: sans-serif; で。 height FireFox 1.0.7 winXP 3 5 8 12 14 (16) 19 24 32 48 72 IE 6.0 18 18 (22) 25 28()は通常サイズ。 width FireFox 1.0.7 winXP 3 5 8 12 14 (16) 19 24 32 48 72 IE 6.0 12 13 (16) 19 21IEはwidthとheightが異なり、縦…

2005-10-18

CSSによるカラムレイアウト

css

CSSのfloatとかpositionによるカラムレイアウトは、 http://keizai.xrea.jp/markup/css0a.html を見てもらえばわかる様に、各カラムの高さが揃わない。なので、カラム毎に背景色を変えようなんてすると、文章量の少ないカラムが短くなって、かっこ悪くなる…

2005-10-10

ulリストを横ナビゲーションのように表示

CSS

#nav ul { list-style: none; } #nav ul li { display: inline; margin: 0; padding: 0 1em 0 0; } 丸記号とかのリストの装飾をなしにして、インライン表示にしてやればOK。

2005-08-17

A CSS Framework

CSS

上記のレイアウトのCSSのところと関連して、htmlのソースの構造を決めておけば、２コラムだとか、水平ナビゲーションに３コラムだとかいうレイアウトはCSSでできるよという話。 http://contentwithstyle.co.uk/Articles/17/a-css-framework/サイトの要素を、…

2005-08-17

Modular CSS

CSS

いわゆるテーブルレイアウトが嫌いで、CSSが好きな人であるのだが、プロの開発者でもデザイナでも無いし、大規模なCSSを書いたことは無い。それでも、サイトのデザイン変更をしようと思ったら、歴史を重ねたCSSファイルは結構つぎはぎで、面倒なことになって…