CSS
CSSに関するIE7の謎の挙動で苦労させられた。（しかもこれはIE6では見られない挙動らしい。） <div class="x"> <p></p> </div>みたいなソースがあってclass "x"でdivのパッディングとか指定してあったのだが、なぜか <div class="x"> <p><a></a></p> </div>になると突然CSSの指定を無視して意味不明のデザインが設定される。…
『鮭の本』を見ながら、「display:run-in」を試してみた。firefoxでは適用されず、IE7でも駄目。そこで久しぶりにOperaで開いてみると・・・適用された。（笑） 最近バージョンアップをさぼっているはずなのになにげに対応していたOperaはやはりなかなかの高…
CSSを書いていると常に見舞われるらしいIEの不審な挙動。というか、バグなのか？しかしこれほど意味不明の現象に見舞われるとは。 問題を整理すると「左マージンを設定したボックスの中でインラインボックスの先頭にtext、submit、passwordタイプのinput要素…
・・・という記事をhttp://www.mozilla.gr.jp/standards/index.htmlで見つけた。へー、そんなものが存在するのか、と思ってみてみると・・・使わないでくださいという前に何に使うのかすら分かりません（笑） mozillaのユーザーインターフェイスを制御するた…
知り合いのmallionのデザイン変更作業について。 [id:mallion:20060418:p2]
久しぶりにIEでこのページをチェックした*1ら、えらく表示が乱れていたので、hatena-bodyにつけていたmax-width:700px;width:autoをwidth:700pxに変更すると、IEで普通に表示されるようになった。 *1:プライベートでは基本的にFirefoxとOperaしか起動しない。
どうも調整がうまくいかないのでフルスクラッチで調整してみようとしてしばらくいじっていたが、divの各クラスの包含関係を間違えていてかなり時間を浪費した。 動作に納得したので、元の路線に戻って調整。 で、やり直してかなりいい線になってきたところで…
デザインをいじってみています。目標はこれ。 mallionがほしがっていたのはこんな感じだろうか？ 日付の色を変えたい ウィンドウの幅にかかわらず、メイン文章の幅は一定にしたい 引用時の枠内の色をつけたい 同一日付内のエントリー間に区切りを入れたい id…
微妙にデザインをいじってみています。これもテスト。これもテスト。
擬似クラスを使ったスタイルシートを書いていて「first-childがあるならlast-childもあるだろう」と思って何も調べずに書いたら、Firefoxでは適用された。でもOperaもIEも指示を無視する。 調べてみるとCSS3の内容らしい。
やっぱりスタンダードなのはこの辺。 「鮭の本」 CSS完全ガイド「熊の本」 CSSクックブック―Webデザインのための活用テクニック集
floatというスタイル指定があるのでこれを使うものだと思っていたが、position指定を使って位置を決めてしまう方法もあるのですねぇ。 日記の表示方法を変えようとしていてどうしても変わらないのでスタイルシートの中身を調べまくってそれを知りました。 も…
知人が言及している*1ので、紹介しようと前に見たサイトをコメントして、そのあとで見直してみると致命的な欠陥が。本当にCSSを基本から始めるとして、このサイトの説明で意味があるのか？ハテナのCSSとかはかなり複雑な規則の構成になっているので、書いた…
CSSのスタイルシートを書いていて何の違和感も憶えなかったのだが、よく考えるとちゃんと書くのは初めてだった。なぜ何の違和感もないのかと思って考えると、Adobe FrameMakerのEDD定義のやり方と大差ないからだった。 ・・・が、「普通は順序が反対だろう」…
スタイルシートを編集していて、画面に予想外の設定がされてしまう現象に遭遇。よくよくスタイルを確認すると、複数のルールで「詳細度」が同じになっている。
Firefoxではinput*1とtextareaで既定のフォントが違う。 *1:正確にはタイプがtextのinput
「属性セレクタには対応していません。」め、めんどくさい奴だなぁ（笑）。 FirefoxもOperaも対応しているのに・・・。また何か書き間違えたかと思ってしまった。 わざわざクラスを設定するほどのことも無い箇所だったので、放っておくことにした。
そうえいば、この愚痴は書いていなかった（笑）
スタイルシートの文献を見ていたらempty-cellsというテーブルのスタイルを発見。「空のセルの枠線を表示するか」と言うスタイルで、既定値は「表示する」らしい。と言うことは、標準では表示してくれないIEの負けか。 まぁどっちにしても、すでに を自…
子コンビネータと書く方が正しいらしいが、とにかく「>」のこと。 例によってFirefoxでCSSを確認した後IEで確認すると、これを使ったルールが無視されている。Operaで調べても、ちゃんと表示される。*1 *1:そういえばNetscape7はインストールしていないなぁ。
「確かクラスは複数定義できたはずだなぁ」とか思って、何も調べずに「class="a;b"」とか「class="a,b"」とか書いてみたがどちらも外れ。あきらめて調べてみると・・・「class="a b"」（半角空白区切り）。うーむ、意表を突かれた。 そういえば「子孫セレク…
