css– tag –

em指定をやめて%指定に変えてます。ちょっとレイアウト崩れたり激しく字が大きく・小さくなったりしてますけど、正常な表示に戻るまでもうしばらくお待ちください。 (21:16)　変更完了

先日のInternet Explorerのバグだが、フッターのheightプロパティを削ったところ、直ったのでアンダースコア・ハックもごっそり削除した。 高さの設定を削っただけで横幅の不具合が直るって一体。やっぱりIEのボックス処理はよく分からない。

さっき引用のバグを取り除いたばかりなのに、またIEでのみ発生する謎の現象が。 一番下のフッターが4pxほど縮んでしまっている。しかもサイドバーを読み込んだ後にちょびっとだけ縮む。 原因がイマイチ分からないので、アンダースコア・ハックでIEのみfoot...

昨日の記事を投稿してからInternet Explorerでトップページを見てみると、下に行くほど記事が左にずれる謎の現象に見舞われていた。 2007年に自宅サーバに移転した際にも同様の現象が発生しており、ずっと悩み続けていたのだが、その原因が「blockquote要...

まだ使い始めたばかりのiGoogle (旧称:Google Personalized Homepage)ですが、表示するものをたくさん増やすと、どうしてもヘッダーにある検索がじゃまになってきます。 これを取り除くための方法は、Collapsed Google IG (要Firefox + Stylish拡張機能)を...

と、言うわけで邪魔なmixiニュースをはじめとする3カラムを消去。2カラムに戻しました。以下、Firefox1.0.7の場合のやり方。 まずは、拡張機能Greasemonkeyを入手。日本語版は存在しませんが、それほど難しい英語は出てきません。「0.5.3 - for Firefox 1....

今日ログインしてみたらビックリ。mixiが3カラム表示になっています。新サービス「mixiニュース」が右側に表示されています。 mixiも横幅1024pxデザインに移行したって言うのはかなり衝撃的。 これまで800*600pxまで閲覧できた携帯電話の「フルブラウザ」...

mixiの某コミュニティーで盛り上がっているのが脱テーブル論。 MSN Japanや@nifty等もCSSレイアウトを取り入れ始めたものの、脱テーブルを果たしたポータルサイトってまだまだ少ないですよね。 aquappleも今年の1月に脱テーブルしましたが、慣れていないせ...

CSSをいじくっていると、ついついやっちゃうのがCSSの雪だるま現象。 一番下に書いた物が優先されるのを良いことに、同じセレクタをなんども書き連ねちゃって、結局サイズを食っているというもの。 これでもW3Cのチェックを通っちゃうんだから、ちゃんと自...

以前からブログならではの機能を無効にしていました。 それが、最近のコメント一覧とdiaryへのトラックバック一覧、そしてこのdiary内の検索機能です。 aquapple | diaryはその小ささ故、過去のエントリーはすべてタイトルのみをリスト表示しています(Diar...

以前紹介したFirefoxの拡張機能「sage」は高機能なRSSリーダー。 ただ、デフォルト設定だと、フォントサイズが非常に小さい。見にくいったらありゃしないということでいろいろカスタマイズしてみる。 まずは既存のCSSの取り出し。Sageを導入した後、Firefo...

見た瞬間気が付いた方もいるだろうけど、ノートをちょっと画面の下に押し下げた。 今まで800*600の解像度に最適化していたので、大きいモニタでみると、なんだか画面上に張り付いて余白の取り方がイマイチだったので、CSSをちょこっといじくりました。全ペ...

今まで、Firefoxだと、overflowを設定したボックスのスクロールバーをホイールマウスで動かせないバグがあったのに、いつのまにか解消されています。 1.0.2にしたときは気がつかなかった・・・。 あと、aquapple | topの左側のボックスが上下に揺れる現象...

aquapple | contactに最も多く寄せられたメールが、「BBSの復活を」でした。 そこで、以前のBBSのCGIをXHTML 1.1で書き直し、復活させました。 どしどし利用してください。 [追記] なるべく正しく構造化をしようと今回のフォームに初めて、<dl><d...

やっぱり画像をいじくるって楽しい。 ちょっと前から気になっていたaquapple | topのグラフィックを修正しました。最初はドロップシャドウとかつけてたんですが、よくよく考えればノート上に影ができるのも変な感じ。シャドウを取りグラデーションも少し修...