Posts Tagged ‘CSS’

CSS 覚書

ne4 Posted in web,Tags:

border-collapse: collapse;
border-collapse: separate;

テーブルの各セルの枠線を collapse(隣のセルの枠線と重ねて表示)、separate(隣のセルとすこし離して表示)、inherit(継承)のいずれかで指定。CSS2 の仕様書上の既定値は collapse 、しかし大半のブラウザでは separate が既定値になっているらしい。

empty-cells: show;

中身が何もないセルの枠線を show(表示する)、hide(表示しない)、inherit(継承)のいずれかで指定。CSS2 の仕様上の既定値は show、しかし大半のブラウザでは hide が既定値。show を指定することにより、中身が空のセルにも枠線が表示される。…IE7は未対応のようだ。(-_-;)

CSSの天地100%

ne4 Posted in web,Tags: ,

CSSで、天地100%がうまく行かず、ハマる。

上記サイトで理解。

html,body {
height : 100%;
}

これに内包する、例えば

body-all {
height : 97%;
}
の中にコンテンツを入れて、その下に copylight 文用の footerを 置けば、ウインドウの上下サイズ変更にも連動出来る。

<div id=”footer”><p> 〜copylight文など〜 </p></div>
<p>タブで括ったテキストなら、天地センターも可能らしい。
親ブロックの display 要素を table にして、その中に <p>タブで括った物を配置すれば、vertical-align で制御出来る。