CSS

CSS切り替え時の謎落ち

CSS

link の rel 属性に alternate を付けたり消したりして IE 用 CSS 切り替えスクリプトを組んでみたのだけれども、何故だかとことん落ちる(IE6 sp1)。1度目の変更は問題ないのだが、リロードせずにもう一度別の CSS に切りかえると落ちるらしい。 色々試して…

実験

CSS

Display実験 ソースを見ていただければ解るかと。手持ちのブラウザでは、Operaが一番強かった。 ちなみにOpera7.21でtitle{ display: block }を指定すると、文書タイトルとしての意味合いを失うという事を発見。 Moz とOperaでは decimal の初期値が違うし・…

CSS3に関するメモ -セレクタ編-

CSS

E[foo^="bar"]foo属性の先頭に bar を含む要素にマッチする。a[href~="mailto:"]としておくと、mailto:リンクのみを取り出す事が可能。絶対アドレスと相対アドレスの判別なども。E[foo$="bar"]foo属性の末尾に bar を含む要素にマッチする。img[src$=".jpg"]…

段組

CSS

個人的にCSS3に最も期待しているのは、「Multi-column layout」だ。 CSS1および2による「float擬似段組」には限界があった。例えば長い順不同リストを2段組にレイアウトしたいと考えたとき、floatで実現するためには ul要素 を中間付近で二つに分けなければ…