まず単位には、「相対的」値と「絶対的」値の2種類があります。
「mm」や「in」なんかは絶対値なんでそのままだけど、ちょっと厄介なのが相対値の「em」「ex」「%」。
今日はこの3つの相対値を簡単に覚え書。
◆「em」
対象となる font-size プロパティの値から算出する。たとえば，対象となる要素がフォントサイズ＝ 20ptなら，20ptが 1emになる。
なんで、1emが1cmの時もあれば5ｃｍの時もある。
◆「ex」
その時点で使われているフォントの文字“x”の高さが基準になる。らしい。多分、使わないので覚えなくても良いかも。
◆「%」
色々なプロパティに対して用いられるので結果はそれぞれに異なります。親プロパティがない場合は、デフォルトに対しての相対値を算出。
ちなみに「px」は出力デバイスによるので相対値。
CSS2とIE5、5.5、NS4.xの表示領域の概念については下図のとおり大きく解釈が違っている。
つまり、CSS2準拠によるとwidth/heightはボックス要素（いわゆる具ですな）を表示する幅と高さであるのに対して、IE5、5.5、NS4.xではボーダーを含む範囲を幅と高さとして設定してしまう。
このため後者の場合、ボックスは小さく表示してしまう。
どんなルールでもそうかもしれへんけど、いい加減ビシッと統一して欲しいよな。ビシッと。
この現象の回避方法はまた次回。
フォントサイズの変更したので、メインコンテンツCSSの場所を覚え書き。
#content{
float: right;
width: 500px;
color: #666666;
font-size: 12px;
margin-right: 5px;
}
大手ビジネスホテルチェーン「東横イン」（東京都大田区）の西田憲正社長（５９）は２７日夕、本社で記者会見し、不正な改造工事が発覚した横浜市内の２ホテルを含む計１２０の全系列ホテルについて問題がないか調査を行い、来週中に結果を公表する考えを明らかにした。
会社の非常階段から見える建設中のビルって…。
耐震偽装ではないけど、なんかちょとこわい。
ナビゲーションを作る場合ulを使用することが多いが、windowsIEではリストの間に隙間ができてしまう。
今回はこの隙間をなくす方法を書いておこう。
回避方法は簡単でhtmlのul内の改行をすべて削除するだけ。
ソースコードが見難くなるからヤダって人はご遠慮願います。
floatで一方はright,一方はleftに配置。
この場合は必ずsideとmainはwidthを指定して、div id=”container”でくくってあげること。
くくったcontainerにもwidthを与えてあげること。
◆css
#container{
width:700px;
}
#side{
width:150px;
float:left;
}
#main{
width:550px;
float:right;
}
以上、2段組篇終了
強制捜査を受け、今後のポータルサイト「livedoor」の運営に関して
livedoor newsを毎日閲覧している人がいるとは思えないが、自社の不祥事をどうやって伝えていくのかに注目が集まっている。
疑惑に関する社外の有識者の寄稿やインタビュー記事、パブリック・ジャーナリストの記事をアップして特集企画を組んでいるようだが、どこまで公平性を保った報道ができるのか。
放送局や新聞社の不祥事ならオンエアー時間や入稿スペースが決まっているので、メインのニュースの最後にちょろっと申し訳程度に露出するが、ネットメディアとなるといくらでもページは作れるし物理的制限は一切無い。
そんな中で残った幹部がどういう体制でどういう風に情報を扱うかちょっとミモノ。
まあ、自分の会社の時価総額が1日で3000億減少しましたなんて内容で、特集組まないといけない社員に同情するけどね。
「side」の幅を固定しfloatで「main」を配置するすべての基本となる配置。
「main」のleft-marginは「side」と同じ幅にするといい感じだし、別に「main」の幅を固定してもいい。
◆css
#side{
width:150px;
float:left;
}
#main{
margin-left:150px;
}
これで、君もfloatの達人！
の、弟子！
の、舎弟！
の、幼なじみ！くらいだ！！
Comments(6)