IE5.0以降だけに適用するハックに_つけるってのあったなと思い出して採用。これも全てHTML4.01Transitionalが故。 まぁIEでも描画やスクロールが速くなったので良かった良かった。 原因は .hatena-body {position:relative;} ってしていて、widthを決めてな…

.hatena-body {position:absolute;} にするとIE6.0ではきっちり決まった上にスクロールも早くなった。 が、Mozillaでずれる。

IE6.0で見ると h2が無い .mainが左にはみ出す .sidebarが右にはみ出す スクロールが重い Opera7.5で見ると .sidebarが下にはみ出す h2のborder-bottomが消える とりあえずh2のborder-bottomは消してdiv.bodyの方でborder-topにしよう。

position:relative;やらposition:absolute;やら使うと描画重過ぎ。酷いや。

?DD 2004/07/03 モジュールタイトルのクラス名について h4.hatena-module→div.hatena-moduletitleってなぁ。個人的にはdiv.sidebarのトップにh2でmenuだかsidebarって入れて、各モジュールのタイトルはh3でマークアップが無難かと思う。あ、雛形作り直す必要…

画像はMozilla Firefox 0.8にて。 div.footnoteとdiv.commentの隙間。div.footnoteが無い場合は大丈夫。 編集画面でもdiv.refererlistとformの間に。

アンテナをちょいと整理。 適当に見つけた日記や学術系のサイトを入れようかと。

えーとね。 table h1 div.hatena-body div.main div.sidebar という風にあるということは、div.hatena-bodyにposition:relativeとか設定してdiv.mainとdiv.sidebarをpositionで綺麗に揃えられるという点が重要。 多分、神岡氏@id:kamiokaと土屋氏@id:chepook…

そうか。body * {color:#000000;}は使っちゃいけないのか。設定のヘッダの色が分からなくなるから。

そういえば煙草が切れたのでカートン買いしないと。 10日で13箱半。「わかば」の場合、贅沢な吸い方をしてしまう。